@charset "utf-8";
/* CSS Document */
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body, h1, h2, h3, h4, h5, h6, dl, dd, p, hr {margin: 0;}
button, option, textarea, td {padding: 0;}
ul, ol, input {margin: 0;padding: 0;}
ul, ol {list-style-type: none;}
table {border-spacing: 0;border-collapse: collapse;}
button {border: none;}
img {border:0;vertical-align:middle;}
input, textarea, select {outline:none;}
:focus{outline:0;}
a {color:inherit;display:inline-block;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;}
textarea {resize: none;}
button, input, textarea {-webkit-tap-highlight-color: rgba(0,0,0,0);}  
body{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}

/* 去除iPhone中默认的input样式 */
input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none; /*border:none;*/ background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;}
input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;}

/*clearfix*/
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.align-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.hidden{display:none !important}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.fr{float:right}
.fl{float:left}

html,body{min-width:320px;font-family:MiSans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight: 400;font-size:14px;color:#3d3e3e;}
html{width: 100%;scroll-behavior: initial;overflow-x: hidden!important;}



/*w820*/
.w820{width:100%;max-width:820px;margin:0 auto;}
@media screen and (max-width:1024px) {
    .w820 { padding: 0 30px; }
}
@media screen and (max-width:990px) {
	.w820 { padding: 0 24px; }
}

/*w1200*/
.w1200{width:100%;max-width:1190px;margin:0 auto;}
@media screen and (max-width:1260px) {
    .w1200 { padding: 0 30px;max-width:100%;}
}
@media screen and (max-width:990px) {
	.w1200 { padding: 0 24px; }
}
/*w1680*/
.w1680{width:95%;max-width:1680px;margin:0 auto;}
@media screen and (max-width:1024px) {
    .w1680 { padding: 0 30px;max-width:100%;}
}
@media screen and (max-width:990px) {
	.w1680 { padding: 0 24px; }
}




/*swiper*/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}


.grey{background:#f0f1f3;}



/*header*/
#header{position:fixed;top:0;left:0;right:0;width:100%;height:100px;z-index:999;margin:auto;-webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
#header::before{content:'';width:100%;height:1px;background-color:transparent;position:absolute;bottom:0;left:0}
#header .header-pc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#header .header-left{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
#header .header-pc{height:100px;font-size:0;text-align:center;background:transparent; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}




/*headerWhite*/
.headerWhite #header{background:#ffffff;box-shadow: 0 2px 30px rgba(0,0,0,0.05);}
.headerWhite #header::before{background-color:#fff;}
#header:hover{background:#f0f1f3;}
#header:hover::before{background-color:#dfdfdf;}
#header.mall-header:hover{background:#ffffff;}
#header.mall-header::before{background-color:#fff;}
@media (max-width:1200px) {
#header:hover{background:#fff;}
#header:hover::before{background-color:#fff;}	
}

/*logo*/
#header .header-pc .header-logo img{display:block;max-width:100%;max-height:100%;}
#header .header-pc .logo{width:75px;height:100px;float:left;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#header .header-pc .logo.mall-logo{width:140px;}

/*pc-header-menu 一级*/
#header .header-pc  .pc-header-menu{display:inline-block;line-height:100px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}
#header .header-pc  .pc-header-menu .pc-header-nav{float:left; font-size:0;margin-left:86px;}
#header .header-pc  .pc-header-menu .pc-header-nav li {display: inline-block;vertical-align: top;margin: 0 28px;}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-a{position:relative;display:block;padding:0 3px;font-size:16px;color:#080404;font-weight:400;}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-a a{ vertical-align:middle;}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-a:hover{z-index:20}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-a::before{content:'';position:absolute;bottom:1px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:1px;background-color:#0e3265;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#header .header-pc  .pc-header-menu .pc-header-nav li:hover .nav-a::before{width:100%}

/*mall*/
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav{margin-left:40px;}
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav li {margin: 0 11px;}
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav .nav-a a{display:block;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100px;}
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav .nav-a .t1{display:block;color:#000; line-height:1;}
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav .nav-a .t2{display:block;font-size:14px;color:#828282;line-height:1; margin-top:5px;font-weight:300;}
#header.mall-header .header-pc  .pc-header-menu .pc-header-nav .nav-a::before{bottom:0;}

/*pc-header-nav 下拉*/
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub{display:none;position:absolute;top:100%;left:0;right:0;background:#f0f1f3;z-index:99}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub .nav-subBox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:flex-start;text-align:center}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub a{display:inline-block;vertical-align:top;width:16.66666666666667%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 0 32px}

#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub .icon{margin-bottom:10px;height:100px;line-height:100px}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub h3{line-height:1.5;font-size:16px;color:#080404;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#header .header-pc  .pc-header-menu .pc-header-nav .nav-sub p{line-height:1.5;font-size:12px;color:#6b6b6b;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}


/*header-right*/
#header .header-pc .header-right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;justify-content:flex-end; height:100%;}
#header.mall-header .header-pc .header-right{padding-left:10px;background-image:url(../images/line.jpg);background-position:left center;background-repeat:no-repeat;}
#header .header-pc .header-right .item{margin-left:24px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-moz-align-items:center;align-items:center;-moz-justify-content:center;justify-content:center;position:relative;float:left;height:100%}
#header .header-pc .header-right .item .icon{width:40px;height:40px;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:50%;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
#header .header-pc .header-right .item .icon:hover{background-color: rgba(0,0,0,.04);}
/*header-search*/
#header .header-pc .header-right .header-search .icon-search{background-image:url(../images/icon-search.png);}
/*header-user*/
#header .header-pc .header-right .header-user .icon-user{background-image:url(../images/icon-user.png);}
/*#header .header-pc .header-right .header-user .user-con{width:100%;width:100px;height:auto;position:absolute;left:50%;margin-left:-40px;top:100%;background-color:#f0f1f3;display:none}
#header .header-pc .header-right .header-user .user-con a{display:block;padding:5px 10px;line-height:34px;font-size:14px;color:#080404;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}*/
#header .header-pc .header-right .header-user .user-con{position:absolute;right:0;top:100%;z-index:1001;background-color:#fff;display:block;transition:all .3s ease;transform:translateY(-8px);opacity:0;pointer-events:none;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;padding:8px 0;margin-right:-20px;width:128px;}
#header .header-pc .header-right .header-user .user-con.visible{transform:translateY(0);opacity:1;pointer-events:auto;}
#header .header-pc .header-right .header-user .user-con:after{ content:'';position:absolute;background:#fff;z-index:8;top:0;right:30px;transform:translateY(-50%) rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.1);width:11px;height:11px}
#header .header-pc .header-right .header-user .user-con a{padding:8px 16px;transition:all .3s ease;color:#666; font-weight:400;text-decoration:none;min-width:128px;box-sizing:border-box;font-size:14px;}
/*header-cart*/
#header.mall-header .header-pc .header-right .item{margin-left:10px;}
#header .header-pc .header-right .header-cart .icon-cart{background-image:url(../images/icon-cart.png);}
#header .header-pc .header-right .header-cart .cart-con{position:absolute;right:0;top:100%;z-index:1001;background-color:#fff;display:block;transition:all .3s ease;transform:translateY(-8px);opacity:0;pointer-events:none;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;padding:8px 0;margin-right:-20px;width:260px;}
#header .header-pc .header-right .header-cart .cart-con.visible{transform:translateY(0);opacity:1;pointer-events:auto;}
#header .header-pc .header-right .header-cart .cart-con:after{ content:'';position:absolute;background:#fff;z-index:8;top:0;right:30px;transform:translateY(-50%) rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.1);width:11px;height:11px}
#header .header-pc .header-right .header-cart .cart-con .cart-conB{padding:8px 16px;transition:all .3s ease;color:#666; font-weight:400;text-decoration:none;min-width:128px;box-sizing:border-box;font-size:14px;}

/*header-store*/
#header .header-pc .header-right .header-store{margin-left:37px;}
#header .header-pc .header-right .header-store .icon-store span{display:inline-block;padding-left:22px;background-image:url(../images/icon-store.png);background-size: 15px;background-position: left top;background-repeat:no-repeat;vertical-align: top;}
#header .header-pc .header-right .header-store .icon-store{width:auto;height: 37px;padding: 10px 34px;line-height: 17px;border-radius:32px;background-color:#0e3265;color:#fff;position:relative;font-weight:400;transition:background-color .3s ease;word-break:break-all;max-width:initial;border:none;font-size: 16px;letter-spacing:-.02em}
#header .header-pc .header-right .header-store .icon-store:hover{background-color:#2490e3}
#header .header-pc .header-right .header-store .icon-store:active{background-color:#0058b0}
@media (max-width:1200px) {
	#header .header-pc .header-right{ right:0; padding-right:24px;}
	#header .header-pc .header-right .item{margin-left:10px;}
    #header .header-pc .header-right .item .icon{width:30px;height:30px;background-size:60%;}
	#header .header-pc .header-right .header-user .user-con{display:none;}
	#header .header-pc .header-right .header-cart .cart-con{display:none;}
	#header.mall-header .header-pc .header-right{background-image:none;}
	
	#header .header-pc .header-right .header-store{margin-left:10px;}
	#header .header-pc .header-right .header-store .icon-store span{display:none;}
	#header .header-pc .header-right .header-store .icon-store{width:30px;height:30px;padding:0;border-radius:50%;background-color:transparent!important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuODc0LjMxM2MuOTY3IDAgMS43NS43ODMgMS43NSAxLjc1djEuMzEyaDIuNjAybC40NiA4LjMxNi0uODczLS4wMDctLjQxNS03LjQzNEgxLjYwMWwtLjQxNSA3LjQzNC0uODczLjAwNy40Ni04LjMxNmgyLjYwMVYyLjA2MmMwLS45NjYuNzg0LTEuNzUgMS43NS0xLjc1aDEuNzV6bTEuNzUgNS4yNjN2Mi42MTZjMCAuOTU1LS43NjggMS43My0xLjcyIDEuNzQ1aC0xLjc4YTEuNzQ4IDEuNzQ4IDAgMCAxLTEuNzUtMS43MTZWNS41NzZoLjAxNWEuODc1Ljg3NSAwIDAgMSAuODYuODZ2MS43NTZjMCAuNDc2LjM4NC44NjMuODYuODdoMS43NjVhLjg3My44NzMgMCAwIDAgLjg3NS0uODU2VjYuNDUyYzAtLjQ4LjM4NC0uODY4Ljg2LS44NzZoLjAxNXptLTEuNzUtNC4zODhoLTEuNzVhLjg3NS44NzUgMCAwIDAtLjg3NS44NzV2MS4zMTJoMy41VjIuMDYyYS44NzUuODc1IDAgMCAwLS44NzUtLjg3NHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjg1Ii8+PC9zdmc+);
   }
	#header .header-pc .header-right .header-store .icon-store:hover{background-color:#2490e3}
	#header .header-pc .header-right .header-store .icon-store:active{background-color:#0058b0}
}

/*seadersearchpopup*/
#header .headerSearchPopup{position:absolute;width:1116px;height:100%;top:0;left:50%;margin-left:-516px;display:none;}
#header .headerSearchPopup .search-btn{display:inline-block;width:24px;height:24px;vertical-align:middle;cursor:pointer; border: none; background: url(../images/icon-search.png);background-size: 24px;}
#header.active-searching{ background-color: #fff;}
#header.active-searching .headerSearchPopup .search-btn,
#header.active-searching .headerSearchPopup .search-input{/*animation-name:slideInRight;*/animation-duration:.5s;animation-fill-mode:both;animation-timing-function:ease}
#header .headerSearchPopup .search-box{position:relative}
#header .headerSearchPopup .search-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
#header .headerSearchPopup .search-box .search-input{width:640px;outline:none;font-size:16px;font-weight:300;height:100%;line-height:32px;padding:0 8px;border:none;background:0 0}
#header .headerSearchPopup .search-box-cover{position:fixed;width:100%;height:100vh;top:100px;left:0;opacity:.5;background-color:#000;z-index:990}
#header .headerSearchPopup .search-box,
#header .headerSearchPopup .search-box form{height:100%; line-height: 0;}
#header .headerSearchPopup .search-box .search-btn{margin-right:4px;margin-left:182px}
#header .headerSearchPopup .search-box .search-close{width:24px;height:24px;position:absolute;top:50%;right:0;color:#616466;cursor:pointer;margin-left:244px;margin-top:-12px;background-size:cover;background-image:url(../images/icon-close.svg)}
/*search-push*/
#header .headerSearchPopup .search-push{display:none;position:fixed;background-color:#fff;border-top:solid 1px #e7eef3;z-index:1001;top:100px;width:704px;left:50%;transform:translate(-50%,0);font-size:14px;line-height:20px;font-weight:600;border-radius:0 0 8px 8px;padding-bottom:24px}
#header .headerSearchPopup .quick-links{width:100%;font-size:16px;line-height:16px;margin-top:24px;}
#header .headerSearchPopup .quick-links h3{font-size:14px;line-height:20px;font-weight:300;margin:0 48px 8px;color:rgba(0,0,0,.45)}
#header .headerSearchPopup .quick-links .quick-link.active,
#header .headerSearchPopup .quick-links .quick-link:hover{background:#ebeff2}
#header .headerSearchPopup .quick-links .quick-link a{padding:10px 48px;display:inline-block;vertical-align:middle;width:100%;font-size:16px;line-height:20px;font-weight:400;color:rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media screen and (max-width: 1200px) {
#header .headerSearchPopup{ background:#fff;width:100%;left:0;right:0;margin-left:0;}
#header .headerSearchPopup .search-box .search-btn{margin-left:20px}
#header .headerSearchPopup .search-box .search-input{width:75%;}
#header .headerSearchPopup .search-box .search-close{margin-left:0;margin-top:-12px;right:20px;}

#header .headerSearchPopup .search-push{top:50px!important;width:100%;}
#header .headerSearchPopup .search-box-cover{top:50px!important;}
}



/*onsb*/
#header.onsb{height:80px;box-shadow: 0 2px 30px rgba(0,0,0,0.05); background-color:#fff;}
#header.onsb::before{background-color:#dfdfdf;}
#header.onsb .header-pc .logo{height:80px;}
#header.onsb .header-pc{height:80px;}
#header.onsb .header-pc .header-right .header-user{height:80px;}
#header.onsb .header-pc .header-right .header-user .user-top{height:80px;}
#header.onsb .header-pc .header-right .header-search-button{height:80px;}
#header.onsb .header-pc .pc-header-menu{line-height:80px;}
#header.onsb .header-pc .pc-header-menu .pc-header-nav .nav-sub{top:80px;}
#header.onsb .headerSearchPopup .search-box-cover{top:80px;}
#header.onsb .headerSearchPopup .search-push{top:80px;}
#header.onsb .header-pc  .pc-header-menu .mall-nav .nav-a a{height:80px;}



/*m-header*/
.m-nav-btn{display:none!important;}
.m-header-menu{display:none;}
@media screen and (min-width: 1200.1px) {	
.m-header-menu{display:none!important;}
}
@media screen and (max-width: 1200px) {
	/*m-nav-btn*/
	.m-nav-btn{display:inline-block!important;width:22px;height:50px;position:relative;/*position:absolute;right:0;top:0;*/cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s; }
	.m-nav-btn.cur .line1{transform: rotate(45deg); }
	.m-nav-btn.cur .line2{display: none; }
	.m-nav-btn.cur .line3{transform: rotate(-45deg); }
	.m-nav-btn .line{position: absolute;display:block;width:22px;height:2px;background-color:#000;left:0;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;  margin: 0}
	.m-nav-btn .line1{top: 15px;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0;  transform-origin: left top 0; }
	.m-nav-btn .line2{top: 22px; }
	.m-nav-btn .line3{top: 30px;  -webkit-transform-origin: left bottom 0;  -ms-transform-origin: left bottom 0;  transform-origin: left bottom 0; }
	/*m-header-menu*/
	.m-header-menu{width: 100%;height: 100%;display:none;position: fixed;left: 0;top:50px;background-color: #fff;z-index: 5;overflow: scroll;}
	.m-header-menu .m-header-nav{padding:4vw 4vw;padding-bottom:130px; }
	.m-header-menu .nav-a{color: #333;font-size: 16px;line-height:20px; padding:20px 0;  display: block;  cursor: pointer;  background: url(../images/arrow-right.png) no-repeat right 0 center;  background-size:6px !important;  border-bottom: 1px solid rgba(0,0,0,.06); }
	.m-header-menu .header-subnav{position:static;display: none;padding: 15px 15px;}
	.m-header-menu .sub-a{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; }

	.m-header-menu .header-subnav2{display: none;padding:15px 15px;}
	.m-header-menu .sub-a2{line-height: 36px;font-size:15px;color: #666;display: block;border-bottom:none; }

     /*navbar-account登录*/
	.navbar-account{position:fixed;left:0;right: 0;bottom:0;width:100%;opacity:0;display:block;pointer-events:none;background-color:#fff;z-index:3; }
	.m-header-menu.cur .navbar-account{opacity:1;display:block;pointer-events:auto;transition:opacity 0s ease .45s}
	.navbar-account .content{padding-top:8px;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;max-width:700px; margin:0 auto;}
	.navbar-account .content a.login-link{color:rgba(0,0,0,.85);display:flex;width:100%}
	.navbar-account .content a.login-link{justify-content:center;align-items:center;height:40px;line-height:40px;background-color:rgba(0,0,0,.85);margin:0 16px 16px;font-size:14px;font-weight:400;letter-spacing:-.02em;text-align:center;border-radius:99px;color:#fff;padding:0 16px;transition:background-color .3s ease}
	.navbar-account .content span.navbar-avatar{display:block;width:16px;height:16px;background-size:16px 16px;background-position:center center}
	.navbar-account .content a.login-link span.navbar-avatar{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgNy44NzVhMy41IDMuNSAwIDEgMSAwLTcgMy41IDMuNSAwIDAgMSAwIDd6TTcgN2EyLjYyNSAyLjYyNSAwIDEgMCAwLTUuMjVBMi42MjUgMi42MjUgMCAwIDAgNyA3em0tNS42ODggNi4xMjV2LTEuMjAzYTIuNzMzIDIuNzMzIDAgMCAxIDIuNzM1LTIuNzM1aDUuOTA2YTIuNzMzIDIuNzMzIDAgMCAxIDIuNzM1IDIuNzM1djEuMjAzYS44NzUuODc1IDAgMCAxLS44NzYtLjg3NXYtLjMyOGMwLTEuMDMtLjgzMi0xLjg2LTEuODU5LTEuODZINC4wNDdhMS44NTcgMS44NTcgMCAwIDAtMS44NiAxLjg2di4zMjhhLjg4My44ODMgMCAwIDEtLjg3NC44NzV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}
	.navbar-account .content span.navbar-login{font-size:14px;line-height:20px;letter-spacing:-.02em;flex:initial;margin-left:8px}

	#header.onsb .header-pc .m-nav-btn .line,
	#header .header-pc:hover .header-wrap .m-nav-btn .line{background:#222;}
	.headerWhite #header .header-pc .m-nav-btn .line{background:#222;}

	#header .header-pc .pc-header-menu{display:none!important;}
	#header{height:50px!important;}
	#header .header-pc .logo{height:30px!important;left:20px;position:relative;}
	#header .header-pc{height:50px!important;padding:0;}

}


/*footer-service*/
.footer-service{padding-top:74px; padding-bottom:60px;}
.footer-service .footer-service-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-start}
.footer-service .footer-service-list .footer-service-item{text-align:center;width:200px;position:relative;}
.footer-service .footer-service-list .footer-service-item .alink{position:absolute;left:0;top:0;display:block;height:100%;width:100%;z-index:3;cursor:pointer}
.footer-service .footer-service-list .footer-service-item .icon{display:block;height:52px;margin:auto}
.footer-service .footer-service-list .footer-service-item .title{font-size:16px;line-height:36px;color:#080404;margin-top:16px;font-weight:300;}
.footer-service .footer-service-list .footer-service-item a{color:#0e3265;}
@media screen and (max-width:990px) {
	.footer-service{padding-top:20px;padding-bottom:20px;}
	.footer-service .footer-service-list{align-items:flex-start;flex-direction: column;}
    .footer-service .footer-service-list .footer-service-item{width:100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: row;padding: 15px 0;}
	.footer-service .footer-service-list .footer-service-item .title{margin-top:0;margin-left:10px;padding-right: 15px;background: url(../images/icon-s.png) right center no-repeat;background-size: 6px;}
	.footer-service .footer-service-list .footer-service-item .icon{height: 40px;margin: 0;}
}


/*footer*/
.footer {border-top: 1px solid #f0f1f3;background:#ffffff;}
.footer .footer-top{padding-top:60px;padding-bottom:80px;border-top: 1px solid #dfdfdf;}
/*footer-nav*/
.footer .footer-nav{float:left;width:60%;}
.footer .footer-nav .ul2{height:auto;float:left;font-size:0;text-align:left; padding-right:20px;}
.footer .footer-nav .t1{font-size:14px;margin-bottom:28px;color:#000;}
.footer .footer-nav .t1 a{display:inline-block;color:#000;line-height:1; font-weight:400;}
.footer .footer-nav .t2{display:block;line-height:0;padding:0;margin:0;font-size:14px;}
.footer .footer-nav .t2 a{display:inline-block;color:#666666;line-height:26px;padding:5px 0; position:relative;font-weight:300;}
.footer .footer-nav .t2 a:after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:#fff;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.footer .footer-nav .t2 a:hover:after{width:100%;right:auto;left:0}
.footer .footer-nav .t2 a:hover{text-decoration: underline;color:#000;}
@media screen and (min-width:768.1px) {
	.footer .footer-topB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;flex:1;justify-content:space-between;flex-wrap: nowrap; width:100%;}
    .footer .footer-nav .footer-navB{display:flex!important;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;flex: 1;justify-content:space-between;}
	.footer .footer-nav .ul2{flex-grow:1;}
}


/*footer-lx*/
.footer .footer-lx{float:right;width:40%;text-align:right;}
.footer .footer-lx .footer-lxBox{max-width: 355px; float:right;}
.footer .footer-lx .t1{font-size:14px;margin-bottom:28px;color:#000; text-align: left;}
/*footer-bq*/
.footer .footer-copyright{font-size:12px;color:#666666;text-align:right;padding-top:30px;padding-bottom:105px;border-top: 1px solid #dfdfdf; font-weight: 300;}
.footer .footer-copyright a:hover{color:#000;}
@media screen and (max-width:768px) {
	.footer .footer-top{padding-top:0;padding-bottom:50px;}
	.footer .footer-logo{margin-bottom:10px;}
	.footer .footer-nav{float:none; width:100%; text-align:left;}
	.footer .footer-nav .footer-navB{ display:block;}
	.footer .footer-nav .ul2{margin-left:0; width:100%;margin-bottom:0;padding-right: 0;}
	.footer .footer-nav .listB{display:none; width:100%;}
	.footer .footer-nav .ul2 .ulB{ display:block;width:100%;padding-top:15px;padding-bottom:15px;}
	.footer .footer-nav .t1{margin-bottom:0;}
	.footer .footer-nav .t1 a{box-sizing: border-box;padding:15px 0;margin:0 auto; position:relative;}
	.footer .footer-nav .t1 a:before{display:block;content: '';position: absolute;bottom:0;left:0;right:0;height: 1px;width: auto;background-color:#dfdfdf;}
	.footer .footer-nav .t1 a:after{display:block;content: '';position: absolute;top:15px;right:0;height:20px;width:10px;background:url(../images/icon-v.png) right center no-repeat;background-size:100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
	.footer .footer-nav .t1.act a:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

	.footer .footer-nav .t1 a,.footer .footer-nav .t2 a{ display:block;}
	.footer .footer-nav .t2 a{padding:5px 10px;}
    .footer .footer-nav .t2 a:after{display:none;}

    .footer .footer-lx{float:none;width:100%;text-align:left; margin-top:10px; }
	.footer .footer-lx .footer-lxBox{float:left;}
    .footer .footer-copyright{padding-top:20px;padding-bottom:40px;text-align:left;}
}

/*footer-social*/
.footer .footer-social{height:24px; }
.footer .footer-social,.footer .footer-social li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}
.footer .footer-social li{position:relative;display:inline-block;height:32px;-moz-justify-content:center;justify-content:center;transition:all .3s;cursor:pointer;margin-right:30px;}
.footer .footer-social li:last-child{margin-right:0;}
.footer .footer-social li a{display:block;}
.footer .footer-social li img{height:30px;display:block}
.footer .footer-social li .popup{display:none;position:absolute;bottom:26px;right:-5px;width:144px;height:160px}
.footer .footer-social li .er-code{padding:4px;border-radius:4px;background:#fff;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}
.footer .footer-social li .er-code img{width:136px;height:136px}
.footer .footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:4px 4px 8px rgba(0,0,0,.1);-o-box-shadow:4px 4px 8px rgba(0,0,0,.1);box-shadow:4px 4px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom:16px;right:16px;transform:translateY(50%) rotate(45deg)}
.footer .footer-social li:hover .popup{display:block;}
@media screen and (max-width:768px) {
.footer .footer-social li .popup{display:none!important;}
.footer .footer-social li{height:26px;margin-right:20px;}
.footer .footer-social li img{height:24px;}
}



/*****************************************index*****************************************/

/*indexProduct*/
.indexProduct{padding-bottom:100px;max-width:1240px;margin:0 auto;}
.indexProduct .indexProductBox{position:relative;/*height:520px;*/height: 100%;margin-bottom: 20px;}
.indexProduct .indexProductBox a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.indexProduct .indexProductBox .imgBox{position: relative;overflow:hidden;width:100%;/*height:0;  padding-bottom:55.91397849462366%; */ display:block;background-repeat:no-repeat;background-size:cover;}
.indexProduct .indexProductBox .imgBox>div{position:static!important;}
.indexProduct .indexProductBox .imgBox img{/* position:absolute; */top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.indexProduct .indexProductBox .imgBox,.indexProduct .indexProductBox .imgBox img,
.indexProduct .indexProductBox{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
/*.indexProduct .indexProductBox:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}*/
.indexProduct .indexProductBox .wzBox{position:absolute;top:70px;left:50px;z-index:3;text-align:left;/* border-left:2px solid rgba(255,255,255,.5);*/padding-left:20px; }
.indexProduct .indexProductBox .wzBox .wz{font-size:40px;color:#fff;line-height:1;font-weight:400;margin-bottom:14px;}
.indexProduct .indexProductBox .wzBox .des{font-size:20px;color:#fff;line-height:1;font-weight:200;}
.indexProduct .indexProductB{margin:0 10px;height: 100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.indexProduct .indexProductBox{width:50%;margin:0 10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.indexProduct .indexProductBox{font-size:0;text-align:center;background:transparent; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}
@media screen and (max-width:1520px){.indexProduct{padding-bottom:120px;}.indexProduct .indexProductBox{/*height:450px;*/}
.indexProduct .indexProductBox .wzBox{top:70px;left:50px;padding-left:20px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:36px;margin-bottom:14px;}
.indexProduct .indexProductBox .wzBox .des{font-size:20px;}
}
@media screen and (max-width:1260px){.indexProduct{padding-bottom:100px;}.indexProduct .indexProductBox{/*height:350px;*/}
.indexProduct .indexProductBox .wzBox{top:60px;left:30px;padding-left:20px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:34px;margin-bottom:14px;}
.indexProduct .indexProductBox .wzBox .des{font-size:18px;}
}
@media screen and (max-width:1024px){.indexProduct{padding-bottom:90px;}.indexProduct .indexProductBox{margin-bottom:10px;}
.indexProduct .indexProductBox{width:100%;margin-bottom: 10px;}
.indexProduct .indexProductB{flex-direction:column;margin:0;}

.indexProduct .indexProductBox .wzBox{top:50px;left:30px;padding-left:20px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:34px;margin-bottom:14px;}
.indexProduct .indexProductBox .wzBox .des{font-size:16px;}
}
@media screen and (max-width:768px){.indexProduct{padding-bottom:70px;}
.indexProduct .indexProductBox{/*height:0;padding-bottom:70%;*/margin-bottom:10px;}
.indexProduct .indexProductBox .wzBox{top:50px;left:30px;padding-left:20px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:36px;margin-bottom:14px;}
.indexProduct .indexProductBox .wzBox .des{font-size:18px;}
}
@media screen and (max-width:550px){.indexProduct{padding-bottom:50px;}
.indexProduct .indexProductBox{/*padding-bottom:80%;*/}
.indexProduct .indexProductBox .wzBox{top:40px;left:30px;padding-left:20px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:28px;margin-bottom:10px;}
.indexProduct .indexProductBox .wzBox .des{font-size:16px;}
}
@media screen and (max-width:370px){.indexProduct{padding-bottom:30px;}
.indexProduct .indexProductBox .wzBox{top:30px;left:30px;padding-left:15px;}
.indexProduct .indexProductBox .wzBox .wz{font-size:24px;margin-bottom:8px;}
.indexProduct .indexProductBox .wzBox .des{font-size:12px;}
}


/*indexad*/
.indexAd{position:relative;height:480px;margin-bottom:20px;}
.indexAd a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.indexAd .imgBox{position:absolute;left:0;top:0;width:100%;height:100%; display:block;background-image:url(../images/mall-sales.jpg);background-position:center center; background-repeat:no-repeat;background-size:cover;}
.indexAd .wzBox{position:absolute;top:50%;left:0;right:0;text-align:center;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.indexAd .wzBox .wz{font-size:40px;color:#fff;font-weight:600;margin-bottom:10px;}
.indexAd .wzBox .des{font-size:24px;color:#fff;font-weight:400;}
@media screen and (max-width:1520px){
.indexAd{height:480px;margin-bottom:20px;}
.indexAd .wzBox .wz{font-size:38px;}
.indexAd .wzBox .des{font-size:22px;}
}
@media screen and (max-width:1260px){
.indexAd{height:450px;margin-bottom:15px;}
.indexAd .wzBox .wz{font-size:36px;}
.indexAd .wzBox .des{font-size:20px;}
}
@media screen and (max-width:1024px){
.indexAd{height:400px;margin-bottom:10px;}
.indexAd .wzBox .wz{font-size:34px;}
.indexAd .wzBox .des{font-size:18px;}
}
@media screen and (max-width:768px){
.indexAd{height:350px;margin-bottom:10px;}
.indexAd .wzBox .wz{font-size:32px;}
.indexAd .wzBox .des{font-size:16px;}
}
@media screen and (max-width:550px){
.indexAd{height:320px;margin-bottom:10px;}
.indexAd .wzBox .wz{font-size:30px;}
.indexAd .wzBox .des{font-size:14px;}
}
@media screen and (max-width:370px){
.indexAd{height:320px;margin-bottom:10px;}
.indexAd .wzBox .wz{font-size:28px;}
.indexAd .wzBox .des{font-size:14px;}
}


/*moreBtn*/
.moreBtnB{font-size:0;line-height:0;}
.moreBtn{padding:0 28px;border-radius:40px;line-height:40px;display:inline-block;background:#ffffff;color:#222222;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;margin-bottom:5px;}
.moreBtn span{display:block;font-size:16px;}
.moreBtn:hover{background-color:#0e3265;color:#fff;}
@media screen and (max-width:768px){
.moreBtn{padding:0 20px;line-height:35px;}
.moreBtn span{font-size:13px;}
}



/*indexBanner*/
.indexBanner{margin-bottom: 20px;}
.indexBanner .swiper-scroller{position:absolute;height:90px;padding:0 0; overflow:hidden;bottom:30px;left:50%;margin-left:-600px;z-index:850; width:200px;}
.indexBanner .swiper-scroller .swiper-scroller-list{position:relative;height:90px;font-size:0; line-height:0; overflow:visible;}
.indexBanner .swiper-scroller .swiper-scroller-list .swiper-scroller-item{height:30px!important;line-height:0;font-size:0; display:block;width:100%;opacity:.5;cursor:pointer; padding-left:40px;}
.indexBanner .swiper-scroller .swiper-scroller-list .swiper-scroller-item a{display:inline-block;font-size:18px;line-height:30px;height:30px;color:#080404;white-space:nowrap;font-weight:300}
.indexBanner .swiper-scroller .swiper-scroller-list .slick-list,
.indexBanner .swiper-scroller .swiper-scroller-list .slick-track{ overflow:visible;}
.indexBanner .swiper-scroller .swiper-scroller-list .slick-list{padding:30px 0 !important}
.indexBanner .swiper-scroller .swiper-scroller-list .swiper-scroller-item.slick-active{opacity:1;}
@media screen and (max-width:1260px) {
 .indexBanner .swiper-scroller{left:30px;margin-left:0;}
 .indexBanner .swiper-scroller .swiper-scroller-list .swiper-scroller-item a{font-size:16px;}
}
@media screen and (max-width:1024px) {.indexBanner{margin-bottom:10px;}
 .indexBanner .swiper-scroller{ display:none;}
}



.indexBanner .swiper-scroller .slider{position:absolute;left:0;top:50%;width:2px;height:16px; margin-top:-8px;background-color:rgba(0,0,0,.12);border-top-right-radius:2px;border-bottom-right-radius:2px;opacity:0;overflow:hidden}
.indexBanner .swiper-scroller .slider .progress{position:absolute;left:0;top:0;width:2px;height:100%;background-color:#000;border-top-right-radius:2px;border-bottom-right-radius:2px;transform-origin:0 0;transform:scaleY(0);transition:transform 0s linear}
.indexBanner .swiper-scroller .slider.active{opacity:1}
.indexBanner .swiper-scroller .slider.active .progress{transform:scaleY(1);transition:transform 6s linear}
.indexBanner .swiper-scroller .slider.origin{opacity:0}
.indexBanner .swiper-scroller .slider.origin .progress{transform:scaleY(0);transition:transform 0s linear}
.indexBanner .swiper-scroller .slider-cancle-progress.active .progress{transform:scaleY(1);transition:transform 0s linear}

.indexBanner .swiper-pagination-bullet-active .timer,  
.indexBanner .swiper-pagination-bullet .timer{display:block; position:relative;width:2rem; height:2px; margin-top:10px; background:transparent;opacity:1}
.indexBanner .swiper-pagination-bullet .timer::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.34;content:''}
.indexBanner .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#000;transition-property: width;transition-timing-function: linear;}
.indexBanner .swiper-pagination-bullet.play .process{opacity:1;width:100%;}
.indexBanner .swiper-pagination-bullet.play.stop .process{transition:none}


/*indexBanner*/
.indexBanner{position:relative;overflow:hidden;}
.indexBanner .index-banner-swiper .item{display:block; position:relative;}
.indexBanner .index-banner-swiper .swiper-slide{overflow:hidden; width:100%; position:relative;float:left;background-position:center center; background-repeat:no-repeat;background-size:cover;}

/*bannerWz */
.indexBanner .index-banner-swiper .banner-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:2}
.indexBanner .index-banner-swiper .item{height:700px;position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;text-align:center;z-index:1;}
.indexBanner .index-banner-swiper .bannerWz{position:absolute;z-index:3;top:290px;left:0;right:0;text-align: left;}
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:36px;color:#000000;font-weight:600;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:28px;color:#000;font-weight:300; margin-bottom: 50px;}
.indexBanner .index-banner-swiper .banner-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;cursor:pointer;z-index:1;background-position:center center; background-repeat:no-repeat;background-size:cover;}
.indexBanner .index-banner-swiper .banner-img.img-mobile{ display:none;}
@media screen and (max-width:1260px){
.indexBanner .index-banner-swiper .item{height:600px;}
.indexBanner .index-banner-swiper .bannerWz{top:40%;}
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:34px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:26px;margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.indexBanner .index-banner-swiper .item{height:500px;}
.indexBanner .index-banner-swiper .bannerWz{top:40%;}
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:30px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:22px;margin-bottom:36px;}
}
@media screen and (max-width:768px){
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:26px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:18px;margin-bottom:32px;}

.indexBanner .index-banner-swiper .item{height:0;min-height:0; padding-bottom:70%;}
.indexBanner .index-banner-swiper .bannerWz{top:40%;}
.indexBanner .index-banner-swiper .banner-img.img-pc{ display: none;}
.indexBanner .index-banner-swiper .banner-img.img-mobile{ display: block;}
}
@media screen and (max-width:550px){.indexBanner .index-banner-swiper .item{padding-bottom:80%;}
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:24px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:16px;margin-bottom:30px;}
}
@media screen and (max-width:450px){
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:22px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:14px;margin-bottom:25px;}
}
@media screen and (max-width:370px){.indexBanner .index-banner-swiper .item{padding-bottom:90%;}
.indexBanner .index-banner-swiper .bannerWz .tit{font-size:20px;}
.indexBanner .index-banner-swiper .bannerWz .des{font-size:13px;margin-bottom:10px;}
}


/*swiper-slide-active*/
.index-banner-swiper .bannerWz .tit,
.index-banner-swiper .bannerWz .des,
.index-banner-swiper .bannerWz .moreBtnB{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}
.index-banner-swiper .swiper-slide.swiper-slide-active .bannerWz .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
}
.index-banner-swiper .swiper-slide.swiper-slide-active .bannerWz .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
}
.index-banner-swiper .swiper-slide.swiper-slide-active .bannerWz .moreBtnB{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-transform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
}


/*swiper-button*/
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:50px;height:100px;margin-top:-50px;position:absolute;top:50%;cursor:pointer;z-index:10;outline:none;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:12px; background-repeat: no-repeat; background-position:center center;display: block; content:""; position:absolute;top:0;left:0; width:100%; height:100%;-moz-transition: all .4s;-ms-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.swiper-btn .swiper-button-prev:after{background-image:url(../images/arrow-left2.png);}
.swiper-btn .swiper-button-next:after{background-image:url(../images/arrow-right2.png);}
.swiper-btn .swiper-button-prev{left:0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.swiper-btn .swiper-button-next{right:0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.swiper-btn .swiper-button-prev.black{background-image:url(../images/arrow-left.png);}
.swiper-btn .swiper-button-next.black{background-image:url(../images/arrow-right.png);}
.index-banner-swiper:hover .swiper-btn .swiper-button-prev,
.index-banner-swiper:hover .swiper-btn .swiper-button-next{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.swiper-btn .swiper-button-next:hover,
.swiper-btn .swiper-button-prev:hover{background:rgba(0,0,0,.3)}
.swiper-btn .swiper-button-prev.swiper-button-disabled,
.swiper-btn .swiper-button-next.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width:1024px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:40px;height:80px;margin-top:-40px;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:10px;}
}
@media screen and (max-width:768px){
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:30px;height:60px;margin-top:-30px;}
.swiper-btn .swiper-button-prev:after,
.swiper-btn .swiper-button-next:after{background-size:8px;}
}


/*paginationB*/
.paginationB{display:none;}
.paginationB .swiper-pagination{position:absolute;bottom:10px;left:0;right:0; z-index:4; text-align:center; margin:0 auto;line-height:0; }
.paginationB .swiper-pagination-bullet{display:inline-block;opacity:1;width:16px;height:2px;border-radius:60px;margin:11px 4px;position:relative;overflow:hidden;background-color:rgba(0,0,0,.3);}
.paginationB .swiper-pagination-bullet:after{content:" ";display:block;height:2px;width:0;background-color:#000;position:absolute;top:0;left:0;opacity:0;}
.paginationB .swiper-pagination-bullet.play:after{opacity:1;width:16px;transition:width 6s ease 0s,opacity 0s ease 0s;}
.paginationB .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(0,0,0,.3);}
.paginationB .swiper-pagination-bullet-cancle-progress.swiper-pagination-bullet-active:after{transition:width 0s ease 0s,opacity 0s ease 0s;}
@media screen and (max-width:768px) {
.paginationB{display:block;}
}



/*********************************pageAbout*********************************/
/*pageNav*/
.pageNav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:0;display:none;}
.pageNav{ display:block;position: fixed;left:120px;margin:auto 0;width:240px;/*bottom:0;top:0;*/min-height:400px;z-index:20;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.pageNav-overlay{display: none;}
.pageNav .pageNavTit{display: none;}
/*erji*/
.pageNav ul{line-height: 0;font-size:0;}
.pageNav li{position:relative;}
.pageNav li .lia{display:inline-block;position:relative;font-size:20px;line-height:46px;color:#fff;font-weight:400;padding-left:24px;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNav li.on .lia{font-weight:bold;}
.pageNav li.on .lia::before{content:" ";position:absolute;left:0;top:50%; margin-top:-8px;width:3px;height:16px;background-color:#E5E7EB;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
/*sanji*/
.pageNav .Dropdl{position:relative;line-height: 0; display:none;}
.pageNav li.on .Dropdl{display:block;}
.pageNav .Dropdl dd{padding-left:0px;}
.pageNav .Dropdl dd a{position:relative;font-size:16px;line-height:36px;color:#fff;font-weight:400;padding-left:40px;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNav .Dropdl dd:hover a,
.pageNav .Dropdl dd a.active{font-weight:600;}
.pageNav .Dropdl dd a.active::before{content:" ";position:absolute;left:25px;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;}
.pageNav.pageNav-black .Dropdl dd a.active::before{background-color:#000;}
.pageNav.pageNav-black .Dropdl dd a{color:#666;}
.pageNav.pageNav-black li .lia{color:#000;}
.pageNav.pageNav-black li.on .lia::before{background-color:#000;}
@media screen and (min-width:1024.1px){
.pageNav .DropList{display: block!important;}		
}
@media screen and (max-width:1680px){
.pageNav{left:3%;}
.pageNav .Dropdl dd{padding-left:0px;}
.pageNav .Dropdl dd a{font-size:14px;line-height:36px;padding-left:40px;}
.pageNav li .lia{font-size:18px;line-height:40px;padding-left:20px;}
.pageNav li.on .lia::before{margin-top:-8px;width:3px;height:14px;}
}
@media screen and (max-width:1520px){
.pageNav{left:3%;width:200px;/*height:200px;*/}	
.pageNav li .lia{font-size:16px;line-height:40px;padding-left:20px;}
}
@media screen and (max-width:1260px){
.pageNav{left:3%;width:200px;/*height:200px;*/}	

.pageNav .Dropdl dd{padding-left:0px;}
.pageNav .Dropdl dd a{font-size:12px;line-height:30px;padding-left:35px;}
.pageNav .Dropdl dd a.active::before{left:20px;}
.pageNav li .lia{font-size:14px;line-height:30px;padding-left:15px;}
.pageNav li.on .lia::before{margin-top:-8px;width:3px;height:14px;}
}
@media screen and (max-width:1024px){
.pageNav-overlay{display:none;}
.pageNav{position:fixed;left:0;right:0; top:0;float:none;width:100%;min-height:0;height:auto;bottom:auto;margin:0 auto; margin-top:0; background:#fff;border-bottom: 1px solid rgba(0,0,0,.09);-moz-transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);z-index:40;}
.pageNav .pageNavB{padding:0;}
.pageNav .pageNavTit{position:relative;z-index:2;font-size:22px;display:block; color:#000; height:60px; line-height:60px;padding:0 24px; text-align:left; background:#fff;border-bottom: 1px solid rgba(0,0,0,.09);}
.pageNav .pageNavTit:after{ content:'';position:absolute;top:0;right:0;width:60px;height:60px;background-image:url(../images/menu.png);background-position:center center; background-repeat:no-repeat;background-size:40%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNav .pageNavTit.on:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.pageNav .DropList{display:none;position:relative;z-index:2;background:#fff;padding:10px 0;}
.pageNav .Dropdl dd{ display:inline-block;}
.pageNav .Dropdl dd a{font-size:14px;line-height:36px;padding-left:20px;}
.pageNav .Dropdl dd a.active::before{left:20px;}
.pageNav li .lia{display:block;font-size:18px;line-height:46px;padding-left:24px;}
.pageNav li.on .lia::before{ margin-top:-8px;width:3px;height:16px;}
.pageNav li.on .lia::before{ background:#000;}
.pageNav .Dropdl dd.on a{color:#666;}
.pageNav .Dropdl dd.on a::before{background-color:#000;}
.pageNav .Dropdl dd.on a::before{ display:none;}
.pageNav .Dropdl dd a{color:#666;}
.pageNav .Dropdl dd a:hover{color:#0e3265;}
.pageNav li .lia{color:#000;}
}
@media screen and (max-width:768px){
	.pageNav .pageNavTit{font-size:20px;height:60px; line-height:60px;}
	.pageNav .pageNavTit:after{width:60px;height:60px;}
}

/*pageHome*/
.pageHome{position:fixed;bottom:30px;right:30px;z-index:31;}
.pageHome a{ display: block;width:50px; height: 50px;border-radius:50%;background:url(../images/icon-home.png) center center no-repeat #fff;background-size:15px;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}

/*pageAboutBox*/
.pageAboutBox{width: 100%;}
.pageAbout{position:relative;width:100%;height:100vh;background-color:#f8f8f8;font-weight:400;overflow:hidden;}
.pageAbout .pageAboutCon{position:absolute;top:0;width:100%;height:100%;background-position:center bottom;background-repeat:no-repeat;background-size:cover}
.pageAbout .pageAboutCon.active{position:fixed}
.pageAbout1{z-index:11}
.pageAbout2{z-index:12}
@media screen and (max-width:1024px){
.pageAbout{height:auto;}
.pageAbout .pageAboutCon{position: relative;}
}

/*pageAbout1*/
.pageAbout1 .pageAboutWZ{position:absolute;top:50%;left:50%;width:500px;height:400px;margin-top:-200px; margin-left:75px;}
.pageAbout1 .tit{font-size:20px;line-height:1;color:#fff;font-weight:600; margin-bottom:35px;}
.pageAbout1 .des{font-size:18px;line-height:1.5;color:#fff;font-weight:300;}
@media screen and (max-width:1260px){
.pageAbout1 .pageAboutWZ{left:40%;width:500px;}
.pageAbout1 .tit{font-size:18px;margin-bottom:30px;}
.pageAbout1 .des{font-size:16px;}
}
@media screen and (max-width:1024px){
.pageAbout1{position:relative;}
.pageAbout1 .pageAboutWZ{position:relative;top:auto;left:auto;max-width:500px;width:90%; padding:0;margin:0 auto;height:auto;padding-top:140px; padding-bottom:70px;}
.pageAbout1 .pageAboutCon:before{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.pageAbout1 .tit{font-size:18px;margin-bottom:35px;}
.pageAbout1 .des{font-size:14px;}
}


/*pageAbout4*/
.pageAbout4 .pageAboutWZ{position:absolute;top:50%;left:0; right:0;height:400px;margin-top:-200px;padding:0 360px;}
.pageAbout4 .tit{font-size:72px;line-height:1;color:#fff;font-weight:600; margin-bottom:40px; text-align:center;}
.pageAbout4 .des{font-size:16px;line-height:1.8;color:#fff;font-weight:300;max-width:690px;margin:0 auto;}
@media screen and (max-width:1680px){
.pageAbout4 .pageAboutWZ{padding:0 200px 0 360px;}
}
@media screen and (max-width:1520px){	
.pageAbout4 .pageAboutWZ{padding:0 200px 0 300px;}
.pageAbout4 .tit{font-size:60px;margin-bottom:35px;}
}
@media screen and (max-width:1260px){
.pageAbout4 .pageAboutWZ{padding:0 200px 0 200px;}
.pageAbout4 .tit{font-size:50px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){	
.pageAbout4 .pageAboutWZ{padding:0;}
.pageAbout4{position:relative;}
.pageAbout4 .pageAboutWZ{position:relative;top:auto;left:auto;max-width:500px;width:90%; padding:0;margin:0 auto;height:auto;padding-top:70px; padding-bottom:60px;}
.pageAbout4 .pageAboutCon:before{ content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.pageAbout4 .tit{font-size:40px;margin-bottom:35px;}
.pageAbout4 .des{font-size:14px;}
}
@media screen and (max-width:768px){
.pageAbout4 .tit{font-size:30px;margin-bottom:15px;}
}


/*pageAbout2*/
.pageAbout2{background-color: #fff; }
.pageAbout2 .pageAboutWZ{padding-left:120px;}
.pageAbout2 .pageAboutWZB{padding-left:240px;}
.pageAbout2 .pageAboutWZB .content{ position:relative;height:100vh;}
@media screen and (max-width:1680px){
.pageAbout2 .pageAboutWZ{padding-left:3%;}
}
@media screen and (max-width:1260px){.pageAbout2 .pageAboutWZ{padding-left:0;}
.pageAbout2 .pageAboutWZB{padding-left:200px;}
}
@media screen and (max-width:1024px){
.pageAbout2{position:relative;height:auto;min-height:0}
.pageAbout2 .pageAboutWZ{padding-left:0; padding-top:40px;}
.pageAbout2 .pageAboutWZB{padding-left:0;}
.pageAbout2 .pageAboutWZB .content{position:relative;height:auto;}
}


/*yearList*/
.yearList .yearItem{position:relative;float:left;height:100vh;width:6.8%;border-left:1px solid #e0e0e0; overflow:hidden;}
.yearList .yearItem.active{width:38.8%;border-color:#e0e0e0}
.yearList .yearItem.hover{border-color:#909090;}
.yearList .yearItem .yearhead{padding-left:25px;position:absolute;top:50px;width:6.8%;z-index:2;}
.yearList .yearItem.active .yearhead{width:100%;padding-left:30px;animation:scaleIn2 .3s 1 both;}
.yearList .yearItem .yeartit2{font-size:34px;line-height:1.1;color:#dedede;font-weight:600;opacity:1;display:block;}
.yearList .yearItem.active .yeartit2{opacity:0;display:none;}
.yearList .yearItem.hover .yeartit2{color:#000;}
.yearList .yearItem .yeartit{font-size:34px;line-height:1.1;color:#000000;font-weight:600;opacity: 0; display:none;}
.yearList .yearItem.active .yeartit{opacity:1;display:block;}
.yearList .yearItem .yearinfo{font-size:18px;line-height:26px;color:#5f5f5f;font-weight:400;margin-top:35px;opacity: 0;display:none;/*height:208px;overflow-y: scroll;*/}

/*.yearList .yearItem .yearinfoB{height:182px;overflow:hidden; position:relative}
.yearList .yearItem .yearinfoB .mCSB_inside>.mCSB_container{ margin-right:88px;}
.yearList .yearItem .yearinfoB .mCSB_scrollTools{width:6px;}
.yearList .yearItem .yearinfoB .mCSB_scrollTools .mCSB_draggerRail{background:#d8d8d8!important;width:6px;}
.yearList .yearItem .yearinfoB .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#595959!important;width:6px;}*/


.yearList .yearItem.active .yearinfo{opacity:1;left:14px;top:210px;width:98%;display:block; }
.yearList .yearItem .yearImgB{position:relative;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; visibility: hidden;}
.yearList .yearItem.active .yearImgB{position:absolute;bottom:10px;left:0;right:0;padding:0 40px;display: block;/* width:100%; */visibility: visible;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.yearList .yearItem .yearImg img{width:98%;}
.yearList .yearItem.active .yearImg img{position: absolute;bottom: 0;}
.yearList .yearItem .yearImg{/* margin-left:40px;margin-right:40px; */position:relative;height:0;padding-bottom:88%;background:#fff;}
.yearList .yearItem .yearImg>div{position:static!important;}
.yearList .yearItem.active .yearImg{animation:scaleIn2 .9s 1 both;}
@keyframes scaleIn2{
	0%{opacity:.45;-webkit-transform:translateY(30px);transform:translateY(30px);}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0px);}
}

.yearList .yearItem{width:5.4%;}
.yearList .yearItem.active{width:29.8%;}
.yearList .yearItem .yearhead{width:5.4%;z-index:2;}
.yearList .yearItem .yearinfo{font-size:16px;}
.yearList .yearItem .yeartit{font-size:34px;}
.yearList .yearItem .yeartit2{font-size:34px;}
.yearList .yearItem .yearhead{padding-left:25px;}
.yearList .yearItem.active .yearhead{padding-left:25px;}

@media screen and (max-width:1520px){
.yearList .yearItem .yeartit2{font-size:32px;}
.yearList .yearItem .yeartit{font-size:32px;}
.yearList .yearItem .yearinfo{font-size:16px;margin-top:30px;}
.yearList .yearItem.active .yearinfo{top:210px;}
.yearList .yearItem .yearhead{padding-left:10px;}
.yearList .yearItem.active .yearhead{padding-left:20px;}
}
@media screen and (max-width:1260px){
.yearList .yearItem .yeartit2{font-size:28px;}
.yearList .yearItem .yeartit{font-size:28px;}
.yearList .yearItem .yearinfo{font-size:14px;margin-top:30px;}
.yearList .yearItem.active .yearinfo{top:200px;}

.yearList .yearItem .yearhead{padding-left:10px;}
.yearList .yearItem.active .yearhead{padding-left:20px;}
}
@media screen and (max-width:1220px){
.yearList .yearItem .yeartit2{font-size:26px;}
.yearList .yearItem .yeartit{font-size:26px;}
.yearList .yearItem .yearhead{padding-left:5px;}
.yearList .yearItem.active .yearhead{padding-left:15px;}
}
@media screen and (max-width:1024px){
.yearList .yearItem{position:relative;float:none;width:100%;border-left:none;border-bottom:1px solid #e0e0e0; height:80px; padding-top:20px; padding-bottom:20px;}
.yearList .yearItem.active{width:100%;border-color:#e0e0e0; height:auto;}
.yearList .yearItem .yearhead{padding-left:3%; padding-right:3%;position: static;top:0px;width:94%;height:auto;}
.yearList .yearItem.active .yearhead{width:100%;padding-left:3%;}

.yearList .yearItem .yearImgB{position: static;right:0; width:100%;height:auto;top:0;}
.yearList .yearItem.active .yearImgB{position: static;bottom:auto;display: block;width:100%;height:auto;}
.yearList .yearItem .yearImg{margin-left:0;margin-right:0;position:relative;}
.yearList .yearItem.active .yearImg img{position: static;bottom: 0;width:auto; max-width:100%;}
.yearList .yearItem .yearinfo{font-size:14px;line-height:1.5;margin-top:20px;overflow:hidden!important;max-height:none!important;}
.yearList .yearItem.active .yearinfo{left:0;top:0;width:100%;}
.yearList .yearItem .yeartit2{font-size:30px;}
.yearList .yearItem .yeartit{font-size:30px;}
.yearList .yearItem .yearinfo{font-size:14px;margin-top:26px;}
.yearList .yearItem.active .yearinfo{top:200px;}
.yearList .yearItem .yearhead{padding-left:20px;}
}


/*pageAbout3*/
.pageAbout3 .pageAboutWZ{float:left;width:50%;height:100%;}
.pageAbout3 .pageAboutWZB{ margin:0 auto;padding-left:120px;width:100%;height:100%;display:table;}
.pageAbout3 .pageAboutWZB .content{display:table-cell;vertical-align:middle;line-height:0;padding-left:240px;padding-right:75px;}
.pageAbout3 .des{font-size:18px;line-height:38px;color:#666666;font-weight:400;margin-bottom:45px;}
.pageAbout3 .pageAboutImg{position:absolute;width:50%;height:100%;right:0;top:0;z-index:4;background-size:cover}
.pageAbout3 .pageAboutImg>div{position:static!important;}
.pageAbout3 .pageAboutImg img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
@media screen and (max-width:1680px){
.pageAbout3 .pageAboutWZB{padding-left:100px;}
.pageAbout3 .pageAboutWZB .content{padding-left:200px;padding-right:75px;}
}
@media screen and (max-width:1520px){
.pageAbout3 .pageAboutWZB{padding-left:70px;}
.pageAbout3 .pageAboutWZB .content{padding-left:150px;padding-right:70px;}
.pageAbout3 .des{font-size:16px;line-height:32px;margin-bottom:30px;}
}
@media screen and (max-width:1260px){
.pageAbout3 .pageAboutWZB{padding-left:50px;}
.pageAbout3 .pageAboutWZB .content{padding-left:100px;padding-right:50px;}
.pageAbout3 .des{font-size:14px;line-height:30px;margin-bottom:20px;}
}
@media screen and (max-width:1024px){
.pageAbout3{position:relative;height:auto;min-height:90vh}
.pageAbout3 .pageAboutWZ{float:none;width:100%;height:auto; padding-top:70px;padding-bottom:70px;}
.pageAbout3 .pageAboutWZB{padding-left:30px;padding-right:30px;}
.pageAbout3 .pageAboutWZB .content{padding-left:0;padding-right:0;}
.pageAbout3 .des{font-size:16px;margin-bottom:45px; text-align:center;}
.pageAbout3 .pageAboutImg{position:relative;width:100%;height:0;right:0;top:0;z-index:4;background-size:cover; padding-bottom:100%;}
.pageAbout3 .pageAboutImg img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
}
@media screen and (max-width:768px){
.pageAbout3 .des{text-align:left;}	
}

/*dataList*/
.dataList{font-size:0;overflow:hidden;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.dataList li{ display:inline-block;*display:inline;zoom:1; width:33.3333%;vertical-align:top;}
.dataList .item{display: block;position:relative;overflow:hidden;}
.dataList .number{padding-left:20px;font-size:40px;color:#000000; line-height:1;font-weight:600;vertical-align: top;}
.dataList .number strong{vertical-align:top;}
.dataList .number b{position:relative;top:0;vertical-align: top;}
.dataList .tt{font-size:20px; color:#000000; line-height:1.8;}
@media screen and (max-width:1520px){
.dataList .number{padding-left:20px;font-size:36px;}
.dataList .tt{font-size:18px;}
}
@media screen and (max-width:1260px){
.dataList .number{padding-left:20px;font-size:32px;}
.dataList .tt{font-size:16px;}
}
@media screen and (max-width:1024px){.dataList li{ width:auto;}
.dataList .number{padding-left:20px;font-size:30px;}
.dataList .tt{font-size:14px;}
.dataList .item{padding-right:20px;}
}
@media screen and (max-width:768px){
.dataList .number{padding-left:20px;font-size:26px;}
.dataList .tt{font-size:14px;}
}
@media screen and (max-width:550px){
.dataList .number{padding-left:0px;font-size:24px;}
.dataList .tt{font-size:12px;}
}


/*pageAbout5*/
.pageAbout5 .pageAboutWZ{float:left;width:50%;height:100%; position:absolute;top:0; left:0;}
.pageAbout5 .pageAboutWZB{ margin:0 auto;padding-left:120px;width:100%;height:100%;display:table;}
.pageAbout5 .pageAboutWZB .content{display:table-cell;vertical-align:middle; text-align:center; line-height:0;padding-left:240px;padding-right:90px;}
.pageAbout5 .tit{font-size:40px;line-height:1.1;color:#141722;font-weight:400;margin-bottom:10px;}
.pageAbout5 .des{font-size:18px;line-height:1.5;color:#666666;font-weight:400;margin-bottom:45px;}
.pageAbout5 h2{font-size:20px;line-height:1.1;color:#000000;font-weight:600;margin-bottom:20px;}
.pageAbout5 .wz{font-size:14px;line-height:1.4;color:#666666;font-weight:400;max-width:410px; margin-left:auto; margin-right:auto;margin-bottom:45px;}
.pageAbout5 .icon{display:block;text-align:center;margin-bottom:10px;}
.pageAbout5 .icon img{height:82px;}
.pageAbout5 .pageAboutImg{position:absolute;width:50%;height:100%;right:0;top:0;z-index:4;background-size:cover}
.pageAbout5 .pageAboutImg>div{position:static!important;}
.pageAbout5 .pageAboutImg img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
@media screen and (max-width:1680px){
.pageAbout5 .pageAboutWZB{padding-left:3%;}
.pageAbout5 .pageAboutWZB .content{padding-left:240px;padding-right:70px;}
.pageAbout5 .tit{font-size:36px;margin-bottom:10px;}
}
@media screen and (max-width:1520px){.pageAbout5 .pageAboutWZB .content{padding-left:200px;padding-right:50px;}
.pageAbout5 .tit{font-size:34px;margin-bottom:10px;}	
}
@media screen and (max-width:1260px){.pageAbout5 .pageAboutWZB .content{padding-left:150px;padding-right:30px;}
.pageAbout5 .tit{font-size:32px;margin-bottom:10px;}
.pageAbout5 .des{font-size:16px;margin-bottom:35px;}

.pageAbout5 h2{font-size:18px;margin-bottom:20px;}
.pageAbout5 .wz{font-size:12px;max-width:410px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){
.pageAbout5{position:relative;height:auto;min-height:90vh}
.pageAbout5 .pageAboutWZ{float:none;width:100%;height:auto; padding-top:50px; position: relative;}
.pageAbout5 .pageAboutWZB{padding-left:30px;padding-right:30px;}
.pageAbout5 .pageAboutWZB .content{padding-left:0;padding-right:0;}
.pageAbout5 .tit{font-size:30px;margin-bottom:10px;}
.pageAbout5 .des{font-size:16px;margin-bottom:45px;}
.pageAbout5 h2{font-size:18px;margin-bottom:20px;}
.pageAbout5 .wz{font-size:13px;max-width:410px;margin-bottom:45px;}
.pageAbout5 .icon{display:block;text-align:center;margin-bottom:10px;}
.pageAbout5 .icon img{height:82px;}
.pageAbout5 .pageAboutImg{position:relative;width:100%;height:0;right:0;top:0;z-index:4;background-size:cover; padding-bottom:100%;}
.pageAbout5 .pageAboutImg img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
}




/*pageAbout6*/
.pageAbout6 .pageAboutWZ{position:absolute;top:50%;left:0;right:0;z-index:3;margin:0 auto;text-align:center;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding:0 360px;}
.pageAbout6 .tit{font-size:72px;line-height:1.1;color:#fff;font-weight:600;margin-bottom:50px;}
.pageAbout6 .des{font-size:28px;line-height:1.5;color:#fff;font-weight:300;margin-bottom:35px;}
@media screen and (max-width:1520px){
.pageAbout6 .pageAboutWZ{padding:0 360px;}
.pageAbout6 .tit{font-size:60px;margin-bottom:40px;}
.pageAbout6 .des{font-size:26px;margin-bottom:30px;}
}
@media screen and (max-width:1320px){
.pageAbout6 .tit{font-size:50px;margin-bottom:30px;}
.pageAbout6 .des{font-size:24px;margin-bottom:30px;}
}
@media screen and (max-width:1260px){.pageAbout6 .pageAboutWZ{padding:0 0px;}
.pageAbout6 .tit{font-size:40px;margin-bottom:30px;}
.pageAbout6 .des{font-size:22px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){
.pageAbout6{position:relative;height:130vw;/*min-height:90vh*/z-index:30;}
.pageAbout6 .pageAboutCon{position:absolute;}
.pageAbout6 .pageAboutWZ{padding:0 30px;}
.pageAbout6 .tit{font-size:36px;margin-bottom:30px;}
.pageAbout6 .des{font-size:14px;margin-bottom:35px;}
}
@media screen and (max-width:768px){
.pageAbout6 .tit{font-size:30px;margin-bottom:30px;}
.pageAbout6 .des{font-size:14px;margin-bottom:35px;}
}
@media screen and (max-width:550px){
.pageAbout6 .tit{font-size:26px;margin-bottom:15px;}
.pageAbout6 .des{font-size:18px;margin-bottom:15px;}	
}


/*pageAboutPopup*/
.pageAboutPopup{display:none;opacity:0;-webkit-transition:all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;z-index:999999;position: relative;}
.PopupImg{ width:90%;position:fixed;top:50%;left:0;right:0;z-index:999998;margin:0 auto;text-align:center;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.PopupImg img{ max-width:1200px;margin:0 auto;}
/*PopupClose*/
.PopupClose{position:fixed;bottom:30px;left:0;right:0; margin:0 auto;z-index:999998;text-align:center;display: block;width:70px;height:70px;border-radius:50%;background:url(../images/icon-close.png) center center no-repeat; background-color:rgba(0,0,0,.4);background-size:20px; cursor:pointer;}
.PopupClose:hover{ background-color:#0e3265;}
.PopupBg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background-color:rgba(0,0,0,.9);display:none;z-index:99999;-webkit-transition:all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}

.pageAboutPopup .PopupImg img,.pageAboutPopup.a-leave .PopupImg img{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused}
.pageAboutPopup.a-active .PopupImg img{-webkit-animation-name:modal-fade-on;animation-name:modal-fade-on;-webkit-animation-play-state:running;animation-play-state:running}
.pageAboutPopup.a-leave .PopupImg img{-webkit-animation-name:modal-fade-out;animation-name:modal-fade-out;-webkit-animation-play-state:running;animation-play-state:running;pointer-events:none}

@-webkit-keyframes modal-fade-on{0%{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes modal-fade-on{0%{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}
to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes modal-fade-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
to{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}
}
@keyframes modal-fade-out{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
to{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}
}



/*readmore*/
.readmore{ text-align:center;line-height:0;}
.readmore a{font-size:18px;font-weight:400;padding:0 40px;border-radius:50px;line-height:50px;border:1px solid #fff;display:inline-block;color:#fff;-webkit-transition:all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.readmore a:hover{background-color:#0e3265;color:#fff;border-color:#0e3265;}
@media screen and (max-width:1260px){
}
@media screen and (max-width:1024px){
.readmore a{font-size:14px;padding:0 30px;border-radius:40px;line-height:40px;}
}


/*pageCareer*/
.pageCareer .pageAboutWZ{position:absolute;top:50%;left:0;right:0;z-index:3;margin:0 auto;text-align:center;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding:0 360px;}
.pageCareer .tit{font-size:72px;line-height:1.1;color:#fff;font-weight:600;margin-bottom:10px;}
.pageCareer .des{font-size:28px;line-height:1.5;color:#fff;font-weight:300;margin-bottom:35px;}
@media screen and (max-width:1520px){
.pageCareer .pageAboutWZ{padding:0 360px;}
.pageCareer  .tit{font-size:60px;margin-bottom:10px;}
.pageCareer .des{font-size:26px;margin-bottom:30px;}
}
@media screen and (max-width:1320px){
.pageCareer .tit{font-size:50px;margin-bottom:10px;}
.pageCareer .des{font-size:24px;margin-bottom:30px;}
}
@media screen and (max-width:1260px){.pageCareer .pageAboutWZ{padding:0 0px;}
.pageCareer .tit{font-size:40px;margin-bottom:10px;}
.pageCareer .des{font-size:22px;margin-bottom:30px;}
}
@media screen and (max-width:1024px){
.pageCareer{position:relative;height:100vh;min-height:90vh}
.pageCareer .pageAboutCon{position:absolute;}
.pageCareer .pageAboutWZ{padding:0 30px;}
.pageCareer .tit{font-size:36px;margin-bottom:10px;}
.pageCareer .des{font-size:14px;margin-bottom:35px;}
}
@media screen and (max-width:768px){
.pageCareer .tit{font-size:30px;margin-bottom:10px;}
.pageCareer .des{font-size:14px;margin-bottom:35px;}
}
@media screen and (max-width:550px){
.pageCareer .tit{font-size:26px;margin-bottom:15px;}
.pageCareer .des{font-size:14px;margin-bottom:15px;}	
}



/*pageContact*/
.pageContact{position:relative;width:100%;height:auto;overflow:hidden;z-index:16;background-color:#fff;}
.pageContact .pageAboutCon{position:relative;padding-left:360px;padding-right:360px; padding-top:50px; padding-bottom:20px;}
.pageContact .pageAboutCon.active{position:fixed}
.pageContact .pageAboutWZ{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media screen and (max-width:1680px){
.pageContact .pageAboutCon{padding-left:240px;padding-right:240px; padding-top:50px; padding-bottom:20px;}	
}
@media screen and (max-width:1520px){
.pageContact .pageAboutCon{padding-left:240px;padding-right:3%; padding-top:50px; padding-bottom:20px;}	
}
@media screen and (max-width:1260px){
.pageContact .pageAboutCon{padding-left:240px;padding-right:3%; padding-top:50px; padding-bottom:20px;}
}
@media screen and (max-width:1024px){
.pageContact{position:relative;}
.pageContact .pageAboutCon{padding-left:20px;padding-right:20px; padding-top:100px; padding-bottom:20px;}
}


/*pageContactBox*/
.pageContactBox{ width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap: wrap; background:#f0f1f3; margin-bottom:20px;}
.pageContactBox:hover{background:#e5e7ed;}
.pageContactBox .pageContactBox-item{ width:50%; line-height:0;}
.pageContactBox .pageContactBox-item .pageContactBox-itemB{position:relative;height:340px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;flex-wrap: wrap;text-align:center;}
.pageContactBox .pageContactBox-item .pic{height:100%;position:relative;overflow:hidden;display: block;width: 100%;}
.pageContactBox .pageContactBox-item .pic>div{position:static!important;}
.pageContactBox .pageContactBox-item .pic img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.pageContactBox .pageContactBox-item .wz{text-align:center; width:100%;}
.pageContactBox .pageContactBox-item .des{font-size:18px;line-height:1.5;color:#080404;font-weight:400;text-align:center;}
.pageContactBox .pageContactBox-item .des a{color:#0e3265;}
.pageContactBox .pageContactBox-item .icon{display:block;text-align:center;margin-bottom:30px;}
.pageContactBox .pageContactBox-item .icon img{height:62px;}
@media screen and (max-width:1680px){
.pageContactBox .pageContactBox-item .pageContactBox-itemB{height:320px;}
.pageContactBox .pageContactBox-item .des{font-size:16px;}
.pageContactBox .pageContactBox-item .icon{margin-bottom:25px;}
.pageContactBox .pageContactBox-item .icon img{height:60px;}
}
@media screen and (max-width:1520px){
.pageContactBox .pageContactBox-item .pageContactBox-itemB{height:300px;}
.pageContactBox .pageContactBox-item .des{font-size:16px;}
.pageContactBox .pageContactBox-item .icon{margin-bottom:20px;}
.pageContactBox .pageContactBox-item .icon img{height:50px;}
}
@media screen and (max-width:1260px){
.pageContactBox .pageContactBox-item{ width:100%;}

.pageContactBox .pageContactBox-item .pageContactBox-itemB{height:280px;}
.pageContactBox .pageContactBox-item .des{font-size:16px;}
.pageContactBox .pageContactBox-item .icon{margin-bottom:15px;}
.pageContactBox .pageContactBox-item .icon img{height:45px;}
}
@media screen and (max-width:1024px){
.pageContactBox .pageContactBox-item .des{font-size:14px;}
.pageContactBox .pageContactBox-item .pageContactBox-itemB{height:250px;}
}
@media screen and (max-width:768px){
.pageContactBox .pageContactBox-item .pageContactBox-itemB{height:200px;}
}


/*pageContactList*/
.pageContact .pageContactList{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap: wrap;margin:0 -10px;}
.pageContact .pageContactList .contactItem{position:relative;  line-height:0; width:33.3333333%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;flex-wrap: wrap;text-align:center; }
.pageContact .pageContactList .contactItem .contactItemB{text-align:center; width:100%;min-height:240px;margin:0 10px; margin-bottom:20px; padding-top:40px; padding-bottom:20px; padding-left:45px; padding-right:45px;background:#f0f1f3;}
.pageContact .pageContactList .contactItem:hover .contactItemB{background:#e5e7ed;}
.pageContact .pageContactList .contactItem .wz{text-align:center; width:100%;}
.pageContact .pageContactList .contactItem .icon{display:block;text-align:center;margin-bottom:10px; margin-top:10px;}
.pageContact .pageContactList .contactItem .icon img{height:50px;}
.pageContact .pageContactList .contactItem .tel{font-size:32px;line-height:1;color:#141722;margin-bottom:10px;font-weight:400;}
.pageContact .pageContactList .contactItem .code{text-align:center;margin-bottom:10px;}
.pageContact .pageContactList .contactItem .code img{height:120px;}
.pageContact .pageContactList .contactItem .tit{font-size:18px;line-height:1.5;color:#3e3e3e;font-weight:400;}
.pageContact .pageContactList .contactItem .tit2{font-size:22px;line-height:1.5;color:#222222;margin-bottom:20px;font-weight:600;}
.pageContact .pageContactList .contactItem .des{font-size:16px;line-height:1.5;color:#3e3e3e;font-weight:400;}
@media screen and (max-width:1680px){
.pageContact .pageContactList .contactItem .contactItemB{min-height:200px;margin:0 10px; margin-bottom:20px; padding-top:30px; padding-bottom:20px; padding-left:30px; padding-right:30px;}
.pageContact .pageContactList .contactItem .icon img{height:45px;}
.pageContact .pageContactList .contactItem .tel{font-size:30px;}
.pageContact .pageContactList .contactItem .tit2{font-size:20px;margin-bottom:15px;}
}
@media screen and (max-width:1520px){
.pageContact .pageContactList .contactItem .contactItemB{min-height:180px;margin:0 10px; margin-bottom:20px; padding-top:30px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.pageContact .pageContactList .contactItem .icon{margin-bottom:10px;margin-top:10px;}
.pageContact .pageContactList .contactItem .icon img{height:40px;}
.pageContact .pageContactList .contactItem .tel{font-size:28px;margin-bottom:10px;}
.pageContact .pageContactList .contactItem .code{margin-bottom:10px;}
.pageContact .pageContactList .contactItem .code img{height:100px;}
.pageContact .pageContactList .contactItem .tit{font-size:16px;}
.pageContact .pageContactList .contactItem .tit2{font-size:20px;margin-bottom:10px;}
.pageContact .pageContactList .contactItem .des{font-size:14px;}
}
@media screen and (max-width:1260px){
.pageContact .pageContactList .contactItem{width:50%;}
.pageContact .pageContactList .contactItem .contactItemB{min-height:180px;margin:0 10px; margin-bottom:20px; padding-top:30px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.pageContact .pageContactList .contactItem .icon{margin-bottom:8px;margin-top:8px;}
.pageContact .pageContactList .contactItem .icon img{height:35px;}
.pageContact .pageContactList .contactItem .tel{font-size:26px;margin-bottom:8px;}
.pageContact .pageContactList .contactItem .code{margin-bottom:10px;}
.pageContact .pageContactList .contactItem .code img{height:100px;}
.pageContact .pageContactList .contactItem .tit{font-size:16px;}
.pageContact .pageContactList .contactItem .tit2{font-size:18px;margin-bottom:8px;}
.pageContact .pageContactList .contactItem .des{font-size:14px;}
}
@media screen and (max-width:1024px){
.pageContact .pageContactList .contactItem .icon img{height:30px;}
.pageContact .pageContactList .contactItem .tel{font-size:24px;margin-bottom:8px;}
.pageContact .pageContactList .contactItem .code{margin-bottom:10px;}
.pageContact .pageContactList .contactItem .code img{height:70px;}
}
@media screen and (max-width:768px){
.pageContact .pageContactList .contactItem{width:100%;}
}


/*****************************product start*****************************/
/*headerWhite*/
.headerWhite .mallpage,
.headerWhite .page{ padding-top:100px;}
.page img{max-width:100%; height:auto;}
@media screen and (max-width:1200px){
.headerWhite .mallpage,
.headerWhite .page{ padding-top:50px;}
}




/*pagebanner*/
/*.pagebanner .bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:1;background:#000;filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity: 0.1;}*/
.pagebanner{ position: relative; overflow:hidden;}
.pagebanner .pagebanner-pic{display:block; overflow:hidden;height:0;background-position:center top;background-repeat:no-repeat;color:#fff;padding-bottom:26.04166666666667%; position:relative;background-size:cover;}
.pagebanner .pagebanner-pic>div{position:static!important;}
.pagebanner img{width:100%;display:block;}
.pagebanner .bannerpic{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center top;background-repeat:no-repeat;animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.pagebanner .pagebanner-tt{position:absolute;right:0;left:0; margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:2;color:#ffffff;} 
.pagebanner .pagebanner-tt h2{font-size:36px; font-weight:600;line-height:1; margin-bottom:20px;}
.pagebanner .pagebanner-tt .des{font-size:28px;font-weight:300;line-height:1.1;}
@media screen and (max-width:1520px){
.pagebanner .pagebanner-tt h2{font-size:32px;margin-bottom:20px;}
.pagebanner .pagebanner-tt .des{font-size:26px;}
}
@media screen and (max-width:1260px){
.pagebanner .pagebanner-tt h2{font-size:30px;margin-bottom:15px;}
.pagebanner .pagebanner-tt .des{font-size:24px;}
}
@media screen and (max-width:1024px){
.pagebanner .pagebanner-tt h2{font-size:28px;margin-bottom:10px;}
.pagebanner .pagebanner-tt .des{font-size:20px;}
}
@media screen and (max-width:768px){
.pagebanner .pagebanner-tt{ text-align:center;}		
}
@media screen and (max-width:550px){
.pagebanner .pagebanner-tt h2{font-size:24px;margin-bottom:10px;}
.pagebanner .pagebanner-tt .des{font-size:18px;}
}
@media screen and (max-width:370px){
.pagebanner .pagebanner-tt h2{font-size:20px;margin-bottom:10px;}
.pagebanner .pagebanner-tt .des{font-size:14px;}
}




/*pageBOX*/
.pageBOX{background:#fff;}
.pageBOX .w1680{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.pageBOX-left{width:240px;}
.pageBOX-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;}
.pageBOX-right .w1200{margin:0;}
@media screen and (max-width:1260px) {
    .pageBOX-right .w1200{ padding:0; }
}
@media screen and (max-width:1024px) {
    .pageBOX-left{width:100%;}
	.pageBOX-right .w1200{ padding: 0 24px; }
	.pageBOX .w1680{width:100%;display: block;padding:0; }
	.pagebanner .pagebanner-pic{padding-bottom:50%;}
    .pagebanner  .pagebanner-pic img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
}
@media screen and (max-width:990px) {
	.pageBOX-right .w1200{ padding: 0 20px; }
	.pageBOX .w1680{width:100%;display: block;padding:0; }
}


/*publicNav*/
.publicNav{padding-top:100px;padding-bottom:50px;z-index:99; display:block;position:sticky;left: 0; top:0; font-size:0; line-height:0;}
.publicNav dd{display: block;margin-bottom:28px;}
.publicNav dd a{display:inline-block;position: relative; padding-left:20px;}
.publicNav dd a:before{content: '';position:absolute;left:0;top:1px;width:0;height:16px;background:#0e3265;transition: .5s;-webkit-transition: .5s;}
.publicNav dd.on a:before{width:3px;}
.publicNav dd .t1{display:block;color:#000;font-size:18px; font-weight:400;line-height:1;}
.publicNav dd .t2{display:block;color: #a4a4a4;font-size:16px;font-weight:400;line-height:1; margin-top:12px;margin-bottom:5px;}
.publicNav dd.on .t1{font-weight:600;}
.publicTit{ display:none;}
@media screen and (max-width:1024px){
.publicNav{display:none;position:relative;z-index:2;background:#fff;padding:20px 0;}
.publicNav dd a{ display:block;padding-left:24px;}

.publicTit{position:relative;z-index:2;font-size:20px;display:block; color:#000; height:50px; padding:0 24px; line-height:50px; text-align:left; background:#fff;border-bottom: 1px solid rgba(0,0,0,.09);}
.publicTit:after{ content:'';position:absolute;top:0;right:0;width:50px;height:50px;background-image:url(../images/menu.png);background-position:center center; background-repeat:no-repeat;background-size:40%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.publicTit.on:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}

.publicNav dd{margin-bottom:20px;}
.publicNav dd .t1{font-size:16px;}
.publicNav dd .t2{font-size:14px;}
}
@media screen and (max-width:768px){
.publicTit{font-size:18px;}
}


/*proTit*/
.proTit{text-align:center; margin-bottom:50px;}
.proTit .t1{display:block;color:#000;font-size:30px; font-weight:600;line-height:1; margin-bottom:10px;}
.proTit .t2{display:block;color: #a4a4a4;font-size:18px;font-weight:400;line-height:1;}
@media screen and (max-width:1260px){
.proTit .t1{font-size:26px;margin-bottom:10px;}
.proTit .t2{font-size:16px;}
}
@media screen and (max-width:1024px){
.proTit .t1{font-size:24px;margin-bottom:10px;}
.proTit .t2{font-size:16px;}
}
@media screen and (max-width:768px){
.proTit .t1{font-size:22px;margin-bottom:8px;}
.proTit .t2{font-size:14px;}
}


/*proList*/
.pageBOX-rightB{padding-top:100px;padding-bottom:50px;}
.proList{ position:relative;overflow:hidden;font-size:0; margin:0 -13px;}
.proList li{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;margin-bottom:30px;}
.proList li .item{display:block; position:relative;margin:0 13px;border-bottom:1px solid #d7d7d7;}
.proList li .item .infolink{display:block;position:absolute;top:0;right:0; width:100%; height:100%;z-index:2}
.proList li .imgBox{vertical-align:middle;overflow:hidden;border-radius:8px;text-align:center; margin:auto auto;z-index:1;background:#fafafa;}
.proList li .imgBox .img{position:relative;padding-bottom:100%;border-radius:8px;}
.proList li .imgBox .img>div{position:static!important;}
.proList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.proList li .item,
.proList li .imgBox img,.proList li .t:before,
.proList li .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.proList li .item:hover .imgBox img{-moz-transform:scale(1.02); -webkit-transform:scale(1.02);transform:scale(1.02);}
.proList li .titleBox{padding-top:20px;padding-bottom:20px;padding-right:180px;  position:relative;}
.proList li .t{font-size:20px;line-height:26px;color:#000000;font-weight:400;position:relative;}
.proList li .des{font-size:16px;line-height:26px;color:#404040;font-weight:300;position:relative;}
.proList li .infoBtn{position:absolute;top:27px;right:0; z-index:2;}
.proList li .infoBtn a{ display:inline-block;margin-left:6px;font-size:16px;line-height:40px;border-radius:40px;padding:0 20px;border:1px solid #a0a0a0;color:#000000;font-weight:300;position:relative; }
.proList li .infoBtn a.infoBtn-buy{color:#fff;border-color:#0e3265; background:#0e3265;}
.proList li .infoBtn a:hover{color:#061e40;border-color:#061e40;}
.proList li .infoBtn a.infoBtn-buy:hover{color:#fff;border-color:#061e40; background:#061e40;}
@media screen and (max-width:1520px){
.proList li .titleBox{padding-top:20px;padding-bottom:20px;padding-right:150px;}
.proList li .t{font-size:18px;}
.proList li .des{font-size:14px;}
.proList li .infoBtn{top:27px;}
.proList li .infoBtn a{margin-left:5px;font-size:14px;line-height:36px;border-radius:36px;padding:0 15px;}
}
@media screen and (max-width:1260px){
.proList li .titleBox{padding-top:15px;padding-bottom:15px;padding-right:120px;}
.proList li .t{font-size:16px;}
.proList li .des{font-size:13px;}
.proList li .infoBtn{top:27px;}
.proList li .infoBtn a{margin-left:5px;font-size:12px;line-height:30px;border-radius:30px;padding:0 20px;}
.proList li{width:50%;}
.proList{margin:0 -10px;}
.proList li{margin-bottom:20px;}
.proList li .item{margin:0 10px;}
}
@media screen and (max-width:1024px){
.pageBOX-rightB{padding-top:50px;padding-bottom:50px;}
.proList li{width:33.3333%;}
.proList li .infoBtn a{margin-left:5px;font-size:12px;line-height:32px;border-radius:32px;padding:0 15px;}
.proList{margin:0 -8px;}
.proList li{margin-bottom:16px;}
.proList li .item{margin:0 8px;}
}
@media screen and (max-width:768px){
.proList li{width:50%;}
.proList li .titleBox{padding-right:0;text-align: center;}
.proList li .infoBtn{position: relative;top:0; margin-top:10px;text-align: center;}
.proList li .infoBtn a{margin-left:5px;font-size:12px;line-height:30px;border-radius:30px;padding:0 20px;}
}
@media screen and (max-width:370px){
.proList li .infoBtn a{padding:0 15px;}
}

/*page-tab*/
.page-tab{margin:0 auto;padding:20px 0;text-align: center; }
.page-tab .tabList { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;}
.page-tab .tabList li{ width:auto;margin: 0;padding: 0;display: inline-block;*display: inline;zoom:1;position: relative;height:30px;line-height:30px;border-radius:5px; vertical-align:top;}
.page-tab .tabList li a{font-size:14px;padding:0 5px;margin:0 2px;min-width:30px;height:30px;line-height:30px;display:inline-block;text-align:center;background-color:#ffffff;color:#000;border-radius:5px; font-weight:400;}
.page-tab .tabList li.next-page a{background:url(../images/arrow-right.png) center center no-repeat #fff; background-size:6px; width:30px; padding:0;}
.page-tab .tabList li.prev-page a{background:url(../images/arrow-left.png) center center no-repeat #fff; background-size:6px; width:30px; padding:0;}
.page-tab .tabList li a:hover{background-color:#f5f5f5;}
.page-tab .tabList li a.focus{background-color:#f5f5f5;}
@media screen and (max-width:1024px){
.page-tab{padding:20px 0;}
.page-tab .tabList li{height:32px;line-height:32px;border-radius:5px;}
.page-tab .tabList li a{font-size:14px;padding:0 5px;margin:0 2px;min-width:30px;height:30px;line-height:30px;}
.page-tab .tabList li.next-page a{background-size:6px;width:3px;padding:0;}
.page-tab .tabList li.prev-page a{background-size:6px;width:3px;padding:0;}
}
@media screen and (max-width:768px){
/*.page-tab .tabList li{ display:none;}	
.page-tab .tabList li.next-page, .page-tab ul li.prev-page{ display:inline-block;}*/
}






/*pageBOX-top*/
.pageBOX-top{border-bottom:1px solid #dfdfdf;position: sticky;top:80px; background:#fff;    z-index: 9;}
.pageBOX-top .w1200{ position:relative;}
.pageBOX-top .tit{font-size:18px;line-height:66px;color:#353535;font-weight:400; float:left; }
.pageBOX-top .bread-con{/* display:inline-block; */float:right;padding-right:170px;line-height:0;display:flex;align-items: flex-end;}
.pageBOX-top .bread-con a{font-size:16px;line-height:66px;color:#404040;font-weight:300;position:relative;padding:0 18px;display:inline-block;}
.pageBOX-top .bread-con a.on{color:#0e3265;}
.pageBOX-top .bread-con a.on::before{content:" ";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#0e3265;}
.pageBOX-top .buy-btn{position:absolute;top:15px;right:0; z-index:2;line-height:0; font-size:0;}
.pageBOX-top .buy-btn a{ display:inline-block;margin-left:6px;font-size:16px;line-height:36px;border-radius:36px;padding:0 28px;border:1px solid #0e3265;color:#0e3265;font-weight:300;position:relative; }
.pageBOX-top .buy-btn a:hover{color:#fff;border-color:#0e3265; background:#0e3265;}
@media screen and (max-width:1260px){
.pageBOX-top .buy-btn{right:24px;}	
}
@media screen and (max-width:1024px){
.pageBOX-top .buy-btn a{ font-size:14px;line-height:32px;border-radius:32px;padding:0 20px;}
.pageBOX-top{ position:relative; top:0;}
}
@media screen and (max-width:768px){
.pageBOX-top .buy-btn{top:10px;right:20px;}
.pageBOX-top .tit{font-size:16px;line-height:50px;}
.pageBOX-top .bread-con{padding-right:0; width:100%; text-align:center; justify-content: center;}
.pageBOX-top .bread-con a{font-size:14px;line-height:40px;padding:0 15px;}
}
@media screen and (max-width:370px){
.pageBOX-top .bread-con a{padding:0 10px;}
}


/*pageBOXvideo*/
.pageBOXvideo{ padding-top:60px; padding-bottom:60px;}
.pageBOXvideo img{ max-width:100%;}
@media screen and (max-width:1260px){
.pageBOXvideo{ padding-top:50px; padding-bottom:50px;}
}
@media screen and (max-width:1024px){
.pageBOXvideo{ padding-top:40px; padding-bottom:40px;}
}
@media screen and (max-width:768px){
.pageBOXvideo{ padding-top:30px; padding-bottom:30px;}
}


.pageBOX1.on{ display: block;}
.pageBOX1{ display:none;}
.pageBOX2.on{ display: block;}
.pageBOX2{ display:none;}




/*********************************service*********************************/
/*pageNav2*/
.pageNav2-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:0;display:none;}
.pageNav2{ padding-top:100px;padding-bottom:50px;z-index:99; display:block;position:sticky;left: 0; top:0;}
.pageNav2-overlay{display: none;}
.pageNav2 .pageNav2Tit{display: none;}
/*erji*/
.pageNav2 ul{line-height: 0;font-size:0;}
.pageNav2 li{position:relative;}
.pageNav2 li .lia{display:inline-block;position:relative;font-size:20px;line-height:46px;color:#fff;font-weight:400;padding-left:24px;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNav2 li.on .lia{font-weight:bold;}
.pageNav2 li.on .lia::before{content:" ";position:absolute;left:0;top:50%; margin-top:-8px;width:3px;height:16px;background-color:#E5E7EB;}
/*sanji*/
.pageNav2 .Dropdl{position:relative;line-height: 0; display:none;}
.pageNav2 li.on .Dropdl{display:block;}
.pageNav2 .Dropdl dd{padding-left:24px;}
.pageNav2 .Dropdl dd a{position:relative;font-size:16px;line-height:36px;color:#fff;font-weight:400;padding-left:15px;}
.pageNav2 .Dropdl dd:hover a,
.pageNav2 .Dropdl dd.on a{font-weight:600;}
.pageNav2 .Dropdl dd.on a::before{content:" ";position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:50%;background-color:#fff;}
.pageNav2.pageNav2-black .Dropdl dd.on a::before{background-color:#000;}
.pageNav2.pageNav2-black .Dropdl dd a{color:#666;}
.pageNav2.pageNav2-black li .lia{color:#000;}
.pageNav2.pageNav2-black li.on .lia::before{background-color:#000;}
@media screen and (min-width:1024.1px){
.pageNav2 .DropList{display: block!important;}		
}
@media screen and (max-width:1260px){
.pageNav2{left:3%;width:240px;height:400px;}	
.pageNav2 li .lia{font-size:18px;}
}
@media screen and (max-width:1220px){
.pageNav2{left:0;width:240px;height:400px;}	
}
@media screen and (max-width:1024px){
.pageNav2-overlay{display:none;}
.pageNav2{position: relative;left:0;right:0; top:0;float:none;width:100%;height:auto;bottom:auto;margin:0 auto; margin-top:0; background:#fff; padding-bottom:0;    padding-top:0;}
.pageNav2 .pageNav2B{padding:0;}
.pageNav2 .pageNav2Tit{position:relative;z-index:2;font-size:22px;display:block; color:#000; height:50px; padding:0 24px; line-height:50px; text-align:left; background:#fff;border-bottom: 1px solid rgba(0,0,0,.09);}
.pageNav2 .pageNav2Tit:after{ content:'';position:absolute;top:0;right:0;width:50px;height:50px;background-image:url(../images/menu.png);background-position:center center; background-repeat:no-repeat;background-size:40%;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.pageNav2 .pageNav2Tit.on:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.pageNav2 .DropList2{display:none;position:relative;z-index:2;padding:10px 0;background: #f1f4f6;}
.pageNav2 .Dropdl dd{ display:inline-block;}
.pageNav2 .Dropdl dd a{font-size:14px;line-height:36px;padding-left:0;}
.pageNav2 li .lia{display:block;font-size:18px;line-height:46px;padding-left:24px;}
.pageNav2 li.on .lia::before{ margin-top:-8px;width:3px;height:16px;}
.pageNav2 li.on .lia::before{ background:#000;}
.pageNav2 .Dropdl dd.on a{color:#2490e3;}
.pageNav2 .Dropdl dd.on a::before{background-color:#000;}
.pageNav2 .Dropdl dd.on a::before{ display:none;}
.pageNav2 .Dropdl dd a{color:#666;}
.pageNav2 li .lia{color:#000;}
}
@media screen and (max-width:768px){
.pageNav2 .pageNav2Tit{font-size:18px;}
.pageNav2 li .lia{font-size:16px;line-height:40px;}
}



/*pageTit*/
.pageTit{text-align:center; margin-bottom:50px;}
.pageTit .t1{display:block;color:#000;font-size:30px; font-weight:600;line-height:1; margin-bottom:10px;}
.pageTit .t2{display:block;color: #a4a4a4;font-size:18px;font-weight:400;line-height:1;}
/*pageTit2*/
.pageTit2{text-align:left; margin-bottom:35px; padding-top:40px;padding-bottom:20px;border-bottom:1px solid #dadada;}
.pageTit2 span{display:block;color:#000;font-size:20px; font-weight:600;line-height:1; margin-bottom:10px;}
@media screen and (max-width:1520px){
.pageTit{margin-bottom:36px;}
.pageTit .t1{font-size:28px;margin-bottom:10px;}
.pageTit .t2{font-size:16px;}
.pageTit2{margin-bottom:35px;padding-top:40px;padding-bottom:20px;}
.pageTit2 span{font-size:18px;margin-bottom:10px;}
}
@media screen and (max-width:1260px){
.pageTit{margin-bottom:30px;}
.pageTit .t1{font-size:26px;margin-bottom:10px;}
.pageTit .t2{font-size:16px;}
.pageTit2{margin-bottom:30px;padding-top:30px;padding-bottom:15px;}
.pageTit2 span{font-size:16px;margin-bottom:10px;}
}
@media screen and (max-width:1024px){
.pageTit{margin-bottom:20px;}
.pageTit .t1{font-size:24px;margin-bottom:10px;}
.pageTit .t2{font-size:14px;}
.pageTit2{margin-bottom:20px;padding-top:30px;padding-bottom:15px;}
.pageTit2 span{font-size:14px;margin-bottom:5px;}
}
@media screen and (max-width:768px){
.pageTit .t1{font-size:22px;}
}
@media screen and (max-width:370px){
.pageTit .t1{font-size:20px;}
}




/*视频弹窗c-video-box*/
.c-video-box{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center}
.c-video-box .c-btn{position:fixed;top:30px;right:30px;width:50px;height:50px;color:#fff;background:#fff;border-radius:50%;transition:.5s; z-index:9; cursor:pointer;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{content:"";position:absolute;bottom:24px;left:10px;width:30px;height:2px;background:#333;transition:.5s}
.c-video-box .c-btn:hover{background:#000;}
.c-video-box .c-btn:hover:after,.c-video-box .c-btn:hover:before{background:#fff}
.c-video-box .c-btn:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.c-video-box .c-btn:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.c-video-box video{position:fixed;left:0;top:0;height:100%;width:100%;background:#000}
@media screen and (max-width:1024px){
.c-video-box .c-btn{top:30px;right:30px;width:40px;height:40px;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 18px;left: 8px;width:25px;}
}
@media screen and (max-width:768px){
.c-video-box .c-btn{top:20px;right:20px;width:30px;height:30px;}
.c-video-box .c-btn:after,.c-video-box .c-btn:before{bottom: 13px;left: 5px;width: 20px;}
}




/*videoList */
.pageListBox{ padding-bottom:60px;}
.videoList { position:relative;font-size:0; margin:0 -13px;transition:height .5s cubic-bezier(.4,0,.2,1);overflow:hidden;transition-duration: 300ms;}
.videoList li{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;margin-bottom:30px;}
.videoList li .item{display:block; position:relative;margin:0 13px;overflow:hidden;border-radius:10px;background:#d2d2d2;}
.videoList li .item .infolink{display:block;position:absolute;top:0;right:0; width:100%; height:100%;z-index:2}
.videoList li .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;z-index:1;}
.videoList li .imgBox .img{position:relative;padding-bottom:56.25%;border-radius:8px;}
.videoList li .imgBox .img>div{position:static!important;}
.videoList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.videoList li .item,
.videoList li .imgBox img,.videoList li .t:before,
.videoList li .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.videoList li .item:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.videoList li .titleBox{position: absolute; left:0;right:0;bottom:0; background:rgba(0,0,0,0.5)}
.videoList li .t{font-size:16px;line-height:1;color:#fff;padding:12px 16px;font-weight:300;position:relative;}
@media screen and (max-width:1520px){.pageListBox{ padding-bottom:50px;}
.videoList {margin:0 -10px;}
.videoList li{margin-bottom:20px;}
.videoList li .item{margin:0 10px;}
}
@media screen and (max-width:1260px){.pageListBox{ padding-bottom:40px; padding-left:24px;padding-right:24px;}
.videoList {margin:0 -8px;}
.videoList li{width:50%;}
.videoList li{margin-bottom:16px;}
.videoList li .item{margin:0 8px;}
}
@media screen and (max-width:1024px){.pageListBox{ padding-bottom:30px;}
.videoList li{width:50%;}
.videoList {margin:0 -5px;}
.videoList li{margin-bottom:10px;}
.videoList li .item{margin:0 5px;}
}
@media screen and (max-width:990px){.pageListBox{padding-left:0px;padding-right:0px;}}
@media screen and (max-width:550px){
.videoList li{width:100%;}
}


/*videoListSW*/
.videoListSW { position:relative;font-size:0; margin:0;overflow:visible;}
.videoListSW .li{position:relative;z-index:1;display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;}
.videoListSW .li .item{display:block; position:relative;margin-right:26px;overflow:hidden;border-radius:10px;background:#d2d2d2;}
.videoListSW .li .item .infolink{display:block;position:absolute;top:0;right:0; width:100%; height:100%;z-index:2}
.videoListSW .li .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;z-index:1;}
.videoListSW .li .imgBox .img{position:relative;padding-bottom:56.25%;border-radius:8px;}
.videoListSW .li .imgBox .img>div{position:static!important;}
.videoListSW .li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.videoListSW .li .item,
.videoListSW .li .imgBox img,.videoListSW .li .t:before,
.videoListSW .li .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.videoListSW .li .item:hover .imgBox img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05);transform:scale(1.05);}
.videoListSW .li .titleBox{position: absolute; left:0;right:0;bottom:0; background:rgba(0,0,0,0.5)}
.videoListSW .li .t{font-size:16px;line-height:1;color:#fff;padding:12px 16px;font-weight:300;position:relative;}
.videoListSW .moreListBtn{margin-top:30px;}
@media screen and (max-width:1260px){
.videoListSW .li .item{margin-right:20px;}	
}
@media screen and (max-width:1024px){
.videoListSW {overflow: hidden;}
.videoListSW .li .item{margin-right:15px;}
}

@media screen and (max-width:768px){
.videoListSW .li .item{margin-right:10px;}
.videoListSW .li .t{font-size:14px;}
}
@media screen and (min-width:0px){
.videoListSW .li{width:90.90909090909091%;}
}
@media screen and (min-width:768px){
.videoListSW .li{width:45.45454545454545;}
}
@media screen and (min-width:1024px){
.videoListSW .li{width:40%;}
}
@media screen and (min-width:1260px){
.videoListSW .li{width:33.3333333%;}
}

/*moreListBtn*/
.moreListBtn{ text-align:center; line-height:0;margin-top:30px;margin-bottom:100px;}
.moreListBtn a{font-size:16px;color:#000; display:inline-block;text-align:center; margin:0 auto;cursor:pointer;font-weight:300;padding:0 33px;border-radius:40px;line-height:40px;margin-top:25px;border:1px solid
#000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.moreListBtn a:hover{ background:#0e3265;color:#fff;border-color:#0e3265;}
.moreListBtn a span{ display:block;}
@media screen and (max-width:1260px){
.moreListBtn{margin-top:20px;margin-bottom:90px;}
.moreListBtn a{font-size:14px;padding:0 30px;border-radius:36px;line-height:36px;margin-top:20px;}
}
@media screen and (max-width:1024px){
.moreListBtn{margin-top:15px;margin-bottom:70px;}
.moreListBtn a{font-size:12px;padding:0 25px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:550px){
.moreListBtn{margin-top:10px;margin-bottom:50px;}
.moreListBtn a{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:370px){
.moreListBtn{margin-top:10px;margin-bottom:30px;}
.moreListBtn a{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}


/*videoListBtn*/
.videoListBtn{ text-align:center; line-height:0;}
.videoListBtn span{font-size:16px;color:#000; display:inline-block;text-align:center; margin:0 auto;cursor:pointer;font-weight:300;padding:0 33px;border-radius:40px;line-height:40px;margin-top:25px;border:1px solid
#000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.videoListBtn span:hover{ background:#0e3265;color:#fff;border-color:#0e3265;}
@media screen and (max-width:1260px){
.videoListBtn span{font-size:14px;padding:0 30px;border-radius:36px;line-height:36px;margin-top:20px;}
}
@media screen and (max-width:1024px){
.videoListBtn span{font-size:12px;padding:0 25px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:550px){
.videoListBtn span{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:370px){
.videoListBtn span{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}


/*mbtn2*/
.swbtn2{text-align:center;line-height:0;}
.mbtn2{display:inline-block;width:60px; height:60px;margin-top:-30px;position:absolute;top:50%; cursor:pointer;z-index:9;border-radius:50%;overflow:hidden;outline:none;background-position: center center;background-repeat:no-repeat;background-color:rgba(0,0,0,.1);background-size:13px;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.mbtn2.swiper-button-prev{ background-image:url(../images/arrow-left2.png);left:10px;}
.mbtn2.swiper-button-next{ background-image:url(../images/arrow-right2.png);right:10px;}
.mbtn2.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
@media screen and (max-width:1520px){
.mbtn2{width:50px; height:50px;margin-top:-25px;}
}
@media screen and (max-width:1260px){
.mbtn2{width:40px; height:40px;margin-top:-20px;background-size:8px;}
}
@media screen and (max-width:1024px){
.mbtn2{width:36px; height:36px;margin-top:-18px;background-size:6px;}
}
@media screen and (max-width:550px){
.mbtn2{width:32px; height:32px;margin-top:-16px;}
}
@media screen and (max-width:370px){
.mbtn2{width:30px; height:30px;margin-top:-15px;}
}

/*mbtn*/
.swbtn{text-align:center; line-height:0;}
.mbtn{ display:inline-block;margin:0 10px;width:60px; height:60px;position:relative;top:0;cursor:pointer;z-index:9;border-radius:50%;overflow:hidden;outline:none;background-position: center center;background-repeat:no-repeat;background-color:#fff;background-size:10px;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;margin-bottom:70px;}
.mbtn.swiper-button-prev{ background-image:url(../images/arrow-left.png);left:0;}
.mbtn.swiper-button-next{ background-image:url(../images/arrow-right.png);right:0;}
.mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; display:none;}	
.mbtn:hover{-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}
@media screen and (max-width:1520px){
.mbtn{width:50px; height:50px;margin-bottom:60px;}
}
@media screen and (max-width:1260px){
.mbtn{width:40px; height:40px;background-size:8px;margin-bottom:50px;}
}
@media screen and (max-width:1024px){
.mbtn{width:36px; height:36px;background-size:6px;margin-bottom:40px;}
}
@media screen and (max-width:550px){
.mbtn{width:32px; height:32px;margin-bottom:30px;}
}
@media screen and (max-width:370px){
.mbtn{width:30px; height:30px;margin-bottom:20px;}
}


/*QAList*/
.pageListSW{margin-bottom:10px;}
.QAList{padding-top:10px;}
.QAList li{margin-bottom:25px;}
.QAList li .item-tit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:25px 0;border-bottom:1px solid #dadada;position:relative;width:100%;}
.QAList li .item-tit::before{position:absolute;content:"";width:100%;height:1px;background-color:#dadada;bottom:-1px;left:0;-webkit-transition:opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;transition:opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .5s cubic-bezier(.215,.61,.355,1) 0s,opacity 0s linear .3s;transition:transform .5s cubic-bezier(.215,.61,.355,1) 0s,opacity 0s linear .3s,-webkit-transform .5s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0);z-index:1}
.QAList li .item-tit .tit{font-size:20px;width:calc(100% - 20px);color:#000;font-weight:600;line-height:1.3;}
.QAList li .toggle-icon{width:20px;height:20px;margin-right:0;position:relative;-moz-transition: all .2s linear;-ms-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;pointer-events:all;cursor:pointer; display:none;}
.QAList li .item-tit.is-active .toggle-icon{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);background-color:transparent}
.QAList li .item-box{padding:25px 30px;}
.QAList li .item-box .txt{font-size:18px; line-height:1.8; color:#000;font-weight:400;}
@media screen and (max-width:1260px){
.QAList li .item-tit .tit{font-size:18px;}
.QAList li .item-box .txt{font-size:16px;}
.QAList li .item-box{padding:20px 30px;}
.QAList li .item-tit{padding:20px 0;}
}
@media screen and (max-width:1024px){
.QAList li .item-box{padding:15px 20px;}
.QAList li .item-tit .tit{font-size:16px;}
.QAList li .item-box .txt{font-size:14px;}
.QAList li .item-tit{padding:15px 0;}
}
@media screen and (max-width:768px){
.QAList li .item-box{padding:10px 0px;}
.QAList li .item-tit{padding:10px 0;}
}

/*feedbackBox*/
.feedbackBox{font-size:0;line-height:0;padding-top:20px;}
.feedback{padding:0;margin:0 -20px;}
.feedback .label{display:block;}
.feedback .l1{float:left;width:50%; position:relative;}
.feedback .l3{ position:relative;}
.feedback .l1Box{margin:0 20px;}
.feedback .text{display:block;width: 100%;padding:5px 28px;height:70px;margin-bottom:40px;outline:none;font-size:16px;color:#000;font-family:MiSans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;border:1px solid #c0c0c0;border-radius:10px;background:#fff;text-align:left;}
.feedback .text2{padding:20px 28px;height:280px;}
.feedback .inputbtn{width:310px;line-height:56px;border-radius:56px;margin:0 auto;margin-top:10px;display:block;outline:none;font-size:18px;font-weight:300;background:#000;color:#fff;border:0;cursor:pointer;text-align:center;transition: all 0.2s ease;}
.feedback .inputbtn:hover{ background:#0e3265;}
.feedback .text:focus,.feedback .text:active,.feedback .text2:focus,.feedback .text2:active{-webkit-box-shadow: none;box-shadow: none;border: 2px solid #000; }
.feedback .text::-webkit-input-placeholder { color: #a3a3a3;font-size:16px; } 
.feedback .text:-moz-placeholder { color: #a3a3a3; font-size:16px;} 
.feedback .text::-moz-placeholder { color: #a3a3a3;font-size:16px; } 
.feedback .text:-ms-input-placeholder { color: #a3a3a3;font-size:16px;} 
@media screen and (max-width:1260px){.feedbackBox{padding-top:20px;}
.feedback{margin:0 -20px;}
.feedback .text{padding:5px 20px;height:50px;margin-bottom:30px;font-size:14px;border-radius:8px;}
.feedback .text2{padding:15px 20px;height:260px;}
.feedback .inputbtn{width:310px;line-height:56px;border-radius:56px;margin-top:10px;font-size:16px;}
.feedback .text::-webkit-input-placeholder {font-size:14px; } 
.feedback .text:-moz-placeholder {font-size:14px;} 
.feedback .text::-moz-placeholder {font-size:14px; } 
.feedback .text:-ms-input-placeholder {font-size:14px;} 
}
@media screen and (max-width:1024px){.feedbackBox{padding-top:15px;}
.feedback{margin:0 -15px;}.feedback .l1Box{margin:0 15px;}
.feedback .text{padding:5px 20px;height:55px;margin-bottom:20px;font-size:14px;border-radius:8px;}
.feedback .text2{padding:15px 20px;height:200px;}
.feedback .inputbtn{width:300px;line-height:50px;border-radius:50px;margin-top:10px;font-size:14px;}
.feedback .text::-webkit-input-placeholder {font-size:13px; } 
.feedback .text:-moz-placeholder {font-size:13px;} 
.feedback .text::-moz-placeholder {font-size:13px; } 
.feedback .text:-ms-input-placeholder {font-size:13px;} 
.feedback .l1{width:100%;}
}
@media screen and (max-width:768px){
.feedback .text{padding:5px 20px;height:50px;margin-bottom:10px;font-size:14px;border-radius:8px;}
.feedback .text2{padding:15px 20px;height:180px;}
.feedback .inputbtn{width:300px;line-height:45px;border-radius:45px;margin-top:10px;font-size:14px;}
}
@media screen and (max-width:640px){
	.feedback .inputbtn{width:50%;min-width:100px;max-width: 300px;}	
}

/*********************************mall----index*********************************/
/*mallpage*/
.mallpage{ background:#f0f1f3; padding-bottom:170px;}
@media screen and (max-width:1520px){
  .mallpage{padding-bottom:100px;} 
}
@media screen and (max-width:1260px){
  .mallpage{padding-bottom:60px;} 
}
@media screen and (max-width:1024px){
  .mallpage{padding-bottom:50px;} 
}
@media screen and (max-width:768px){
  .mallpage{padding-bottom:40px;} 
}

/*mallBanner*/
.mallBanner{position:relative;overflow:hidden;}
.mallBanner .item{display:block; position:relative;}
.mallBanner .swiper-slide{overflow:hidden; width:100%; position:relative;float:left;}
.mallBanner .item{position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;text-align:center; overflow:hidden;}
.mallBanner .bannerimg{position:relative;z-index:1;width:100%; height:0; padding-bottom:500px;}
.mallBanner .bannerimg .img>div{position:static!important;}
.mallBanner .bannerimg img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:none;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.mallBanner .linka{position:absolute;z-index:3;width:100%;height:100%;top:0;left:0;}
.mallBanner .bannerWz{position:absolute; left:0;right:0;z-index:2;text-align:left;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.mallBanner .bannerWz .tit{font-size:44px;line-height:1.4;color:#6d6d6d;font-weight:600;}
.mallBanner .bannerWz .tit strong{color:#000;font-weight:600;}
.mallBanner .bannerWz .des{font-size:22px;line-height:1;color:#6d6d6d;font-weight:300;}
/*mallBanner swiper-slide-active*/
.mallBanner .bannerimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.mallBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.mallBanner .bannerWz .tit,
.mallBanner .bannerWz .des{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(60px);-o-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
.mallBanner .swiper-slide.swiper-slide-active .bannerWz .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.mallBanner .swiper-slide.swiper-slide-active .bannerWz .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
@media screen and (max-width:1260px){
	.mallBanner .bannerWz .tit{font-size:36px;}
	.mallBanner .bannerWz .des{font-size:20px;}
}
@media screen and (max-width:1024px){
	.mallBanner .bannerimg{padding-bottom:40%;}
	.mallBanner .bannerWz .tit{font-size:34px;}
	.mallBanner .bannerWz .des{font-size:18px;}
}
@media screen and (max-width:768px){
	.mallBanner .bannerimg{padding-bottom:50%;}
	.mallBanner .bannerWz .tit{font-size:30px;}
	.mallBanner .bannerWz .des{font-size:16px;}
}
@media screen and (max-width:550px){
	.mallBanner .bannerimg{padding-bottom:56%;}
	.mallBanner .bannerWz .tit{font-size:28px;}
	.mallBanner .bannerWz .des{font-size:14px;}
}
@media screen and (max-width:430px){
	.mallBanner .bannerimg{padding-bottom:60%;}
	.mallBanner .bannerWz .tit{font-size:24px;}
	.mallBanner .bannerWz .des{font-size:12px;}
}

/*mall-proSub*/
.mall-proSub{ padding-top:60px; padding-bottom:60px;}
.mall-proSub .mall-proSubBox{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:flex-start;text-align:center;}
.mall-proSub a{display:inline-block;vertical-align:top;width:14.28571428571429%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mall-proSub .icon{margin-bottom:15px;height:120px;line-height:120px}
.mall-proSub .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.mall-proSub h3{line-height:1.5;font-size:20px;color:#080404;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.mall-proSub p{line-height:1.5;font-size:14px;color:#6b6b6b;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.mall-proSub .mall-proSubBox{display: flex;overflow:visible;overflow-x: scroll;}
.mall-proSub a{flex-shrink:0;align-items:flex-end;}
.mall-proSub .mall-proSubBox::-webkit-scrollbar {display: none}
@media screen and (max-width:1024px){.mall-proSub{ padding-top:50px; padding-bottom:50px;}
/*.mall-proSub .mall-proSubBox{flex-wrap: wrap;}
.mall-proSub a{width:25%;}*/
.mall-proSub h3{font-size:16px;}
.mall-proSub p{font-size:13px;}
.mall-proSub .icon{height:100px;line-height:100px}
.mall-proSub .w1200{ padding:0;}
.mall-proSub .mall-proSubBox{padding-left: 24px;display: flex;overflow:visible;overflow-x: scroll;}
.mall-proSub .mall-proSubBox::-webkit-scrollbar {display: none}
.mall-proSub a{flex-shrink:0;align-items:flex-end;margin-right:8px;overflow:hidden;width:135px;position:relative;}
}
@media screen and (max-width:960px){
	
}
@media screen and (max-width:768px){.mall-proSub{ padding-top:40px; padding-bottom:40px;}
/*.mall-proSub a{width:33.3333%;}*/.mall-proSub a{width:104px;}
.mall-proSub h3{font-size:16px;}
.mall-proSub p{font-size:12px;}
.mall-proSub .icon{height:90px;line-height:90px;margin-bottom:10px;}
}


/*mallTit*/
.mallTit{text-align:left; margin-bottom:54px; line-height:0; font-size:0;}
.mallTit .t1{display:block;color:#000;font-size:26px;font-weight:600;line-height:1;}
@media screen and (max-width:1520px){
.mallTit{margin-bottom:50px;}
.mallTit .t1{font-size:24px;}
}
@media screen and (max-width:1260px){
.mallTit{margin-bottom:40px;}
.mallTit .t1{font-size:22px;}
}
@media screen and (max-width:1024px){
.mallTit{margin-bottom:30px;}
.mallTit .t1{font-size:20px;}
}
@media screen and (max-width:768px){
.mallTit{margin-bottom:30px;}
.mallTit .t1{font-size:18px;}
}



/*mall-newpro*/
.mall-newpro{ padding-top:50px; overflow:hidden; width:100%;}
/*newproListSW*/
.newproListSW { position:relative;font-size:0; margin:0;overflow:visible;margin-right:-20px;}
.newproListSW .li{position:relative;z-index:1;display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;}
.newproListSW .li .item{display:block; position:relative;margin-right:20px;overflow:hidden;border-radius:10px;background:#d2d2d2;}
.newproListSW .li .item a{display:block;}
.newproListSW .li .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;z-index:1;}
.newproListSW .li .imgBox .img{position:relative;padding-bottom:104.9382716049383%;border-radius:8px;}
.newproListSW .li .imgBox .img>div{position:static!important;}
.newproListSW .li .imgBox .img:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(../images/mall-newprobg.png);background-position:left bottom; background-repeat:repeat-x; z-index:2;}
.newproListSW .li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.newproListSW .li .item,.newproListSW .li .item a,
.newproListSW .li .imgBox img,.newproListSW .li .imgBox .img,
.newproListSW .li .imgBox{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
/*.newproListSW .li .item a:hover .imgBox img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);transform:scale(1.1);}*/
.newproListSW .li .titleBox{position: absolute; left:23px;right:23px;bottom:25px; z-index:3;}
.newproListSW .li .t{font-size:24px;line-height:1;color:#fff;font-weight:600; margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.newproListSW .li .des{font-size:14px;line-height:1;color:#fff;font-weight:300;}
.newproListSW .li .buyBtn{padding:0 20px;border-radius:32px;font-size:14px;line-height:32px;display:inline-block;background:#ffffff;color:#222222; -webkit-transition:all 0.3s ease-in-out;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;position: absolute; right:27px;bottom:27px; z-index:4;}
.newproListSW .li .buyBtn span{display:block;}
.newproListSW .li .buyBtn:hover{background-color:rgba(255,255,255,0.65);}
@media screen and (max-width:1260px){.mall-newpro{ padding-top:40px;}
	.newproListSW .li .t{font-size:20px;}
}
@media screen and (max-width:1024px){.mall-newpro{ padding-top:30px;}
	.newproListSW .li{width:50%;}
	.newproListSW {overflow: hidden;}
}
@media screen and (max-width:768px){
	.newproListSW .li{width:66.66666666666667%;}
}

/*mallTit2*/
.mallTit2{text-align:left; margin-bottom:50px; line-height:0; font-size:0;}
.mallTit2 .t1{display:inline-block;color:#000;font-size:26px;font-weight:600;line-height:1; margin-right:15px;}
.mallTit2 .t2{display:inline-block;color:#666;font-size:26px;font-weight:200;line-height:1;}
@media screen and (max-width:1260px){
.mallTit2{margin-bottom:50px;}
.mallTit2 .t1{font-size:24px;margin-right:14px;}
.mallTit2 .t2{font-size:24px;}
}
@media screen and (max-width:1024px){
.mallTit2{margin-bottom:40px;}
.mallTit2 .t1{font-size:24px;margin-right:14px;}
.mallTit2 .t2{font-size:24px;}
}
@media screen and (max-width:768px){
.mallTit2{margin-bottom:30px;}
.mallTit2 .t1{font-size:20px;margin-right:10px;}
.mallTit2 .t2{font-size:20px;}
}



/*mallBOX*/
.mallBOX{ padding-top:94px;width:100%;}
@media screen and (max-width:1260px){
.mallBOX{ padding-top:70px;}
}
@media screen and (max-width:1024px){
.mallBOX{ padding-top:60px;}
}
@media screen and (max-width:768px){
.mallBOX{ padding-top:50px;}
}


/*mallproSalse*/
.mallproSalse{margin:0 0 20px;position:relative;height:480px;border-radius:10px;display:flex;align-items:center;line-height:0; overflow:hidden;}
.mallproSalse a{width:100%;height:100%;display:flex;align-items:center;border-radius:10px}
.mallproSalse a:focus-visible{border-radius:10px}
@media screen and (min-width:768px){
	.mallproSalse{margin:0 0 16px;padding:0;height:400px}
}
@media screen and (min-width:1200px){
	.mallproSalse{margin:24px 0 16px 0;height:480px}
}


/*mallproSalse .imgBox*/
.mallproSalse .imgBox{height:100%;width:100%;position:absolute;left:0;top:0;overflow:hidden}
.mallproSalse .imgBox .img{position:relative;height:100%;width:100%}
.mallproSalse .imgBox .img>div{position:static!important;}
.mallproSalse .imgBox .img picture>div{position:static!important;}
.mallproSalse .imgBox .img img{opacity:1;height:100%;width:100%;object-fit:cover;pointer-events:none;position:absolute;top:0;z-index:1;border-radius:6px}
.mallproSalse a,.mallproSalse .imgBox .img,.mallproSalse .imgBox .img img,
.mallproSalse .imgBox .img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
/*.mallproSalse a:hover .imgBox .img img{-moz-transform:scale(1.1); -webkit-transform:scale(1.1);transform:scale(1.1);}*/

/*mallproSalse .titleBox*/
.mallproSalse .titleBox{z-index:3;border-radius:0 0 8px 8px;padding:24px;width:100%}
.mallproSalse .titleBox h3{font-size:24px;line-height:28px;font-weight:600;color:#fff;margin-top:4px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.mallproSalse .titleBox .des{color:rgba(255,255,255,.65);font-size:16px;line-height:24px; font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
@media screen and (min-width:768px){
	.mallproSalse .titleBox{max-width:50%;border-radius:6px 0 0 6px;padding-left:48px}
}
@media screen and (max-width:767px){
	.mallproSalse .titleBox{height:100%}
}
@media screen and (min-width:1200px){
	.mallproSalse .titleBox{padding:64px;width:592px;max-width:33.3333%;padding-right:0}
	.mallproSalse .titleBox h3{font-size:32px;line-height:36px}
	.mallproSalse .titleBox .des{font-size:18px;line-height:28px;}
}
@media screen and (min-width:1600px){
	.mallproSalse .titleBox h3{font-size:34px;line-height:36px}
	.mallproSalse .titleBox .des{font-size:24px;line-height:28px;}
}
@media screen and (max-width:767px){
	.mallproSalse .titleB{display:flex;flex-direction:column;justify-content:space-between;height:100%}
}

/*mallproSalse  title-shop*/
.mallproSalse .title-shop{display:flex;justify-content:space-between;align-items:center;margin-top:32px;font-size:0;line-height: 0;}
.mallproSalse .title-shop .price span{color:#fff;font-size:14px;line-height:20px;font-weight:300; display:block;}
.mallproSalse .title-shop .buyBtn span{position:relative;width:auto;border:none;transition:all .3s ease;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-align:center;}
.mallproSalse .title-shop .buyBtn span{padding:0 20px;border-radius:32px;line-height:32px;font-size:14px;background:#ffffff;color:#222222;}
.mallproSalse .title-shop .buyBtn span:hover{background-color:rgba(255,255,255,0.65);}
@media screen and (min-width:768px){
.mallproSalse .title-shop {margin-top:32px;display:block}
.mallproSalse .title-shop .buyBtn{margin-top:64px;display:inline-flex}
.mallproSalse .title-shop .buyBtn span{padding:0 23px;font-size:16px;line-height:36px;}
.mallproSalse .title-shop .price span{font-size:16px}
}
@media screen and (min-width:1200px){
.mallproSalse .title-shop .price span{font-size:18px;line-height:24px}
}
@media screen and (min-width:1600px){
.mallproSalse .title-shop .price span{font-size:24px;line-height:24px}
}


/*mallproSalse.black*/
.mallproSalse.black .titleBox h3{color:#000;}
.mallproSalse.black .titleBox .des{color:#000;}
.mallproSalse.black .price span{color:#000;}

/*mallproList*/
.mallproListBox{width:100%;margin:0 auto}
.mallproList{margin:0;padding:0;line-height:0; font-size:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;}
@media (min-width:768px){
.mallproList{grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:16px}
}
@media (min-width:1504px){
.mallproList{grid-gap:16px;}
}


/*mallproList mallproCard*/
.mallproList .mallproCard{display: flex;}
.mallproList .mallproCard .item{border-radius:10px;flex:1 1;transition:all .6s ease;}
.mallproList .mallproCard .infolink{border-radius:10px;background-color:#fff;transition:all .3s ease;position:relative;display:block;flex:1 1;isolation:isolate;width:100%;height:100%;overflow:hidden}
.mallproList .mallproCard .imgBox{display:block;transition:all .3s ease;background-image:linear-gradient(#fff,#fafafa); overflow:hidden;}
.mallproList .mallproCard .imgBox .img{position:relative;width:100%;height:0;padding-bottom:89.43661971830986%;overflow:hidden;}
.mallproList .mallproCard .imgBox .img>div{position:static!important;}
.mallproList .mallproCard .imgBox img{position:absolute;margin:-1px;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;}
.mallproList .mallproCard .infolink,
.mallproList .mallproCard .imgBox,
.mallproList .mallproCard .imgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
/*.mallproList .mallproCard .infolink:hover .imgBox img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}*/
.mallproList .mallproCard .titleBox{padding:16px 16px 64px 16px;position:relative;display:block}
.mallproList .mallproCard .titleBox .des{color:#080404;font-weight:300;margin-bottom:4px;font-size:12px;line-height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.mallproList .mallproCard .titleBox .t{color:#080404;font-weight:600;word-break:break-word;display:block;font-size:16px;line-height:20px}
.mallproList .mallproCard .titleBox .price{color:#080404;position:absolute;bottom:16px;font-weight:300;font-size:14px;line-height:20px}
.mallproList .mallproCard .item:hover {box-shadow: 0 4px 24px rgba(0,0,0,.1)}
@media (min-width:768px){
.mallproList .mallproCard .titleBox{padding:16px 24px 76px 24px}
.mallproList .mallproCard .titleBox .des{font-size:14px;line-height:20px}
.mallproList .mallproCard .titleBox .t{font-size:20px;line-height:24px}
.mallproList .mallproCard .titleBox .price{margin-top:24px;bottom:32px;font-size:16px;line-height:20px}
}
@media (min-width:1200px){
.mallproList .mallproCard .titleBox{padding:18px 32px 88px 32px}
.mallproList .mallproCard .titleBox .t{font-size:24px;line-height:28px}
}
@media (min-width:1504px){
.mallproList .mallproCard .titleBox{padding:20px 24px 84px}
.mallproList .mallproCard .titleBox .des{font-size:15px;line-height:20px}
.mallproList .mallproCard .titleBox .t{font-size:20px;line-height:28px}
}

/*mallproList mallproAd*/
.mallproList .mallproAd{position: relative;display: flex;isolation: isolate;flex-direction: column;overflow: initial!important;}
.mallproList .mallproAd .item{border-radius:10px;flex:1 1;}
.mallproList .mallproAd .infolink{position:relative;border-radius:10px;height:100%;display:flex;background-color:#fff;overflow:hidden;}
.mallproList .mallproAd .img>div{position:static!important;}
.mallproList .mallproAd  img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.mallproList .mallproAd .infolink,.mallproList .mallproAd .item,.mallproList .mallproAd  img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
/*.mallproList .mallproAd .infolink:hover img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}*/
.mallproList .mallproAd .titleBox{position:relative;padding:16px 16px 48px}
.mallproList .mallproAd .titleBox .m{color:#666666;font-weight:300;font-size:12px;line-height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.mallproList .mallproAd .titleBox .tt{color:#080404;font-weight:600;font-size:16px;line-height:20px;margin-top:4px;}
.mallproList .mallproAd .item:hover {box-shadow: 0 4px 24px rgba(0,0,0,.1)}
@media (min-width:768px){
   .mallproList .mallproAd .titleBox{padding:20px}
   .mallproList .mallproAd .titleBox .m{font-size:14px;line-height:20px}
   .mallproList .mallproAd .titleBox .tt{margin-top:4px;font-size:20px;line-height:24px}
}
@media (min-width:1200px){
	.mallproList .mallproAd .titleBox{padding:32px}
    .mallproList .mallproAd .titleBox .m{font-size:15px;line-height:20px}
    .mallproList .mallproAd .titleBox .tt{margin-top:4px;font-size:24px;line-height:28px}
}


/*rightbar*/
.rightbar{position:fixed;bottom:16%;right:2.5%;z-index:1001;}
.rightbar .a-box{display:block;width:43px; padding:9px 7px;text-align:center;font-size:14px;color:#fff;opacity:.7;background-color:rgba(0,0,0,0.5);cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.rightbar .a-box .icon{width:30px;height:30px;margin:0 auto;}
.rightbar .a-box .icon img{ max-height:100%; max-width:100%; width:auto; margin:0 auto; display:block;}
.rightbar .a-box.icon-top{border-top-left-radius: 10px;border-top-right-radius: 10px; position:relative;}
.rightbar .a-box.icon-top:after{content:"";position:absolute;bottom:0;left:0; right:0; margin:0 auto;width:28px;height:1px;background-color:#bcbcbc;}
.rightbar .a-box.icon-kefu{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.rightbar .popBox{/*display:none;*/display:block;position:absolute;bottom:0;right:100%;width:160px;height:144px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.rightbar .popBox .img{width:144px;padding:4px;border-radius:4px;background:#fff;-ms-box-shadow:0 0px 6px 0 rgba(0,0,0,.1);-o-box-shadow:0 0px 6px 0 rgba(0,0,0,.1);box-shadow:0 0px 6px 0 rgba(0,0,0,.1)}
.rightbar .popBox .img img{width:136px;height:136px; display:block;}
.rightbar .popBox .triangle{position:absolute;background:#fff;-ms-box-shadow:3px -3px 8px rgba(0,0,0,.1);-o-box-shadow:3px -3px 8px rgba(0,0,0,.1);box-shadow: 3px -3px 8px rgba(0,0,0,.1);z-index:8;width:11px;height:11px;bottom:40px;right: 11px;transform:translateY(50%) rotate(45deg);}
.rightbar li{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.rightbar .popBox{opacity:0;transform:translateX(12px);visibility:hidden;transition:all .3s ease;transition-delay:.1s}
.rightbar li:hover .popBox{opacity:1;transform:translateX(0px);visibility:visible;}
@media (max-width:1200px){
.rightbar{right:0;}
}
@media (max-width:768px){
.rightbar{ display:none;}	
}



/*********************************mall----proudct*********************************/
/*pageTit3*/
.pageTit3{text-align:center; margin-bottom:50px;}
.pageTit3 span{display:block;color:#000;font-size:34px; font-weight:400;line-height:1;}
@media screen and (max-width:1520px){
.pageTit3{margin-bottom:50px;}
.pageTit3 span{font-size:32px;}
}
@media screen and (max-width:1260px){
.pageTit3{margin-bottom:40px;}
.pageTit3 span{font-size:30px;}
}
@media screen and (max-width:1024px){
.pageTit3{margin-bottom:30px;}
.pageTit3 span{font-size:26px;}
}
@media screen and (max-width:768px){
.pageTit3{margin-bottom:30px;}
.pageTit3 span{font-size:24px;}
}
@media screen and (max-width:370px){
.pageTit3{margin-bottom:30px;}
.pageTit3 span{font-size:20px;}
}


/*proList2*/
.proList2{ position:relative;overflow:hidden;font-size:0; margin:0 -13px;}
.proList2 li{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;margin-bottom:30px;}
.proList2 li .item{display:block; position:relative;margin:0 13px;background:#fafafa;border-radius:10px; overflow:hidden;}
.proList2 li .item .infolink{display:block;position:absolute;top:0;right:0; width:100%; height:100%;z-index:2}
.proList2 li .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;z-index:1;}
.proList2 li .imgBox .img{position:relative;padding-bottom:100%;border-radius:8px;}
.proList2 li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.proList2 li .item,
.proList2 li .imgBox img,.proList2 li .t:before,
.proList2 li .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.proList2 li .item:hover .imgBox img{-moz-transform:scale(1.02); -webkit-transform:scale(1.02);transform:scale(1.02);}
.proList2 li .titleBox{padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;  position:relative;}
.proList2 li .t{font-size:20px;line-height:26px;color:#000000;font-weight:400;position:relative;}
.proList2 li .des{font-size:16px;line-height:26px;color:#404040;font-weight:300;position:relative;}
.proList2 li .price{font-size:20px;line-height:26px;color:#000000;font-weight:600;position:relative; margin-top:10px;}
.proList2 li .price sub{font-size:14px;margin-right:5px;vertical-align:baseline;}
.proList2 li .item:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
@media screen and (max-width:1260px){
.proList2{margin:0 -10px;}
.proList2 li{margin-bottom:20px;}
.proList2 li .item{margin:0 10px;border-radius:8px;}
}
@media screen and (max-width:1024px){
.proList2 li .titleBox{padding-right:0;}
.proList2 li .infoBtn{position: relative;top:0; margin-top:10px;}

.proList2 li .titleBox{padding:15px 15px;}
.proList2 li .t{font-size:20px;}
.proList2 li .des{font-size:14px;}
.proList2 li .price{font-size:18px;margin-top:10px;}
.proList2 li .price sub{font-size:12px;}

.proList2{margin:0;}
.proList2 li{margin-bottom:20px;}
.proList2 li .item{margin:0 8px;border-radius:8px;}
}
@media screen and (max-width:990px){
.proList2{margin:0 -8px;}	
}
@media screen and (max-width:768px){
.proList2 li{width:50%;}
.proList2 li .t{font-size:18px;}
.proList2 li .des{font-size:13px;}
.proList2 li .price{font-size:16px;margin-top:8px;}
.proList2 li .price sub{font-size:12px;}
}
@media screen and (max-width:370px){
	.proList2 li{width:50%;}
	.proList2 li .t{font-size:16px;}
	.proList2 li .des{font-size:12px;}
	.proList2 li .price{font-size:14px;margin-top:8px;}
	.proList2 li .price sub{font-size:10px;}
}


/*********************************mall----sales*********************************/
.salesBOX{ background:#f0f1f3; padding-bottom:50px; padding-top:100px;}
/*salesList*/
.salesList{ position:relative;overflow:hidden;font-size:0; margin:0 -8px;}
.salesList li{position:relative;z-index:1;cursor:pointer; display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;margin-bottom:16px;}
.salesList li .item{display:block; position:relative;margin:0 8px;background:#fff;border-radius:10px; overflow:hidden;}
.salesList li .item .infolink{display:block;position:absolute;top:0;right:0; width:100%; height:100%;z-index:2}
.salesList li .imgBox{vertical-align:middle;overflow:hidden;text-align:center; margin:auto auto;z-index:1;background:#fafafa;}
.salesList li .imgBox .img{position:relative;padding-bottom:100%;}
.salesList li .imgBox .img>div{position:static!important;}
.salesList li .imgBox img{position:absolute;top:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;-moz-transform:scale(1); -webkit-transform:scale(1);transform:scale(1);}
.salesList li .item,
.salesList li .imgBox img,.salesList li .t:before,
.salesList li .imgBox{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.salesList li .item:hover .imgBox img{-moz-transform:scale(1.02); -webkit-transform:scale(1.02);transform:scale(1.02);}
.salesList li .titleBox{padding-top:22px;padding-bottom:13px;padding-right:20px;padding-left:20px;position:relative;}
.salesList li .t{font-size:18px;line-height:26px;color:#080404;font-weight:600;position:relative;}
.salesList li .des{font-size:15px;line-height:26px;color:#404040;font-weight:300;position:relative;}
.salesList li .price{font-size:18px;line-height:26px;color:#0e3265;font-weight:600;position:relative; margin-top:10px;}
.salesList li .price .pr1ine{ position:relative; margin-left:13px; font-size:16px; font-weight:300; color:#ababab;}
.salesList li .price .pr1ine:after{content:' ';position:absolute;border-bottom:1px solid #979797;width:100%;left:0;top:50%}
.salesList li .item:hover{box-shadow: 0 2px 30px rgba(0,0,0,0.1);}
@media screen and (max-width:1024px){
.salesList li .titleBox{padding-right:0;}
.salesList li .infoBtn{position: relative;top:0; margin-top:10px;}
.salesList li .t{font-size:16px;}
.salesList li .des{font-size:14px;}
.salesList li .price{font-size:16px;}
.salesList li .price .pr1ine{margin-left:10px;font-size:14px;}
.salesBOX{padding-bottom:50px; padding-top:70px;}
}
@media screen and (max-width:768px){.salesBOX{padding-bottom:50px; padding-top:50px;}
.salesList li{width:50%;}
.salesList li .t{font-size:16px;line-height:24px;}
.salesList li .des{font-size:14px;line-height:24px;}
.salesList li .price{font-size:16px;line-height:24px;margin-top:8px;}
.salesList li .price .pr1ine{margin-left:8px;font-size:14px;}
}
@media screen and (max-width:550px){
.salesList{margin:0 -5px;}
.salesList li .item{margin:0 5px;}
.salesList li .t{font-size:14px;}
.salesList li .des{font-size:12px;}
.salesList li .price{font-size:14px;}
.salesList li .price .pr1ine{margin-left:5px;font-size:12px;}
}



/*load-more__btn*/
.load-more__btn{ margin:0 auto;text-align:center;margin-top:54px;cursor:pointer;display:block;}
.load-more__btn span{position:relative;padding-left:30px;padding-right:30px;min-width:180px;text-align:left; display:inline-block;background:#fff;font-size:16px;line-height:48px;height:48px;border-radius:48px;overflow:hidden;font-weight:300;color:#222222;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.load-more__btn span:after{content:' ';position:absolute;width:14px;height:100%;right:30px;top:0;background-image:url(../images/icon-v2.png);background-position:center center; background-repeat:no-repeat;background-size:100%;}
.load-more__btn span:hover{background-color:#0e3265; color:#fff;}
.load-more__btn span:hover:after{background-image:url(../images/icon-v3.png);}
@media screen and (max-width:1260px){.load-more__btn span{width:140px;}}
@media screen and (max-width:768px){.load-more__btn span{line-height:40px;height:40px;font-size:14px;}.load-more__btn span:after{width:12px;}}




/*pageBanner*/
.pageBanner{position:relative;overflow:hidden;}
.pageBanner .item{display:block; position:relative;}
.pageBanner .swiper-slide{overflow:hidden; width:100%; position:relative;float:left; line-height:0;}
.pageBanner .item{position:relative;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;text-align:center;overflow:hidden;}
.pageBanner .bannerimg{position:relative;z-index:1;width:100%; height:0; padding-bottom:500px;}
.pageBanner .bannerimg .img>div{position:static!important;}
.pageBanner .bannerimg img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:none;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.pageBanner .linka{position:absolute;z-index:3;width:100%;height:100%;top:0;left:0;}
.pageBanner .bannerWz{position:absolute;z-index:2;text-align:center;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.pageBanner .bannerWz .tit{font-size:44px;line-height:1;color:#fff;font-weight:600;margin-bottom:20px;}
.pageBanner .bannerWz .des{font-size:22px;line-height:1;color:#fff;font-weight:300;}
/*pageBanner swiper-slide-active*/
.pageBanner .bannerimg img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;}
.pageBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.pageBanner .bannerWz .tit,
.pageBanner .bannerWz .des{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(60px);-o-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);}
.pageBanner .swiper-slide.swiper-slide-active .bannerWz .tit{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.pageBanner .swiper-slide.swiper-slide-active .bannerWz .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
@media screen and (max-width:1520px){
	.pageBanner .bannerimg{padding-bottom:500px;}
	.pageBanner .bannerWz .tit{font-size:40px;}
	.pageBanner .bannerWz .des{font-size:20px;}
}
@media screen and (max-width:1260px){
	.pageBanner .bannerimg{padding-bottom:500px;}
	.pageBanner .bannerWz .tit{font-size:36px;margin-bottom:15px;}
	.pageBanner .bannerWz .des{font-size:18px;}
}
@media screen and (max-width:1024px){
	.pageBanner .bannerimg{padding-bottom:48.828125%;}
	.pageBanner .bannerWz .tit{font-size:32px;margin-bottom:10px;}
	.pageBanner .bannerWz .des{font-size:16px;}
}
@media screen and (max-width:768px){
	.pageBanner .bannerimg{padding-bottom:56.25%;}
	.pageBanner .bannerWz .tit{font-size:30px;margin-bottom:8px;}
	.pageBanner .bannerWz .des{font-size:14px;}
}
@media screen and (max-width:550px){
	.pageBanner .bannerimg{padding-bottom:60%;}
	.pageBanner .bannerWz .tit{font-size:28px;}
	.pageBanner .bannerWz .des{font-size:14px;}
}
@media screen and (max-width:450px){
	.pageBanner .bannerimg{padding-bottom:60%;}
	.pageBanner .bannerWz .tit{font-size:26px;}
	.pageBanner .bannerWz .des{font-size:14px;}
}
@media screen and (max-width:370px){
	.pageBanner .bannerimg{padding-bottom:70%;}
	.pageBanner .bannerWz .tit{font-size:24px;}
	.pageBanner .bannerWz .des{font-size:14px;}
}


/*paginationB*/
.pageBanner .paginationB{display:block;}
.pageBanner .paginationB .swiper-pagination{position:absolute;bottom:20px;left:0;right:0; z-index:4; text-align:center; margin:0 auto;line-height:0; }
.pageBanner .paginationB .swiper-pagination-bullet{display:inline-block;opacity:1;width:10px;height:10px;border-radius:50%;margin:10px 5px;position:relative;overflow:hidden;background-color:#fff;}
.pageBanner .paginationB .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#0e3265;}
.pageBanner .paginationB .swiper-pagination-bullet:after{content:" ";height:2px;width:0;background-color:#000;position:absolute;top:0;left:0;opacity:0; display:none;}
.pageBanner .paginationB .swiper-pagination-bullet.play:after{opacity:1;width:16px;transition:width 6s ease 0s,opacity 0s ease 0s;}
.pageBanner .paginationB .swiper-pagination-bullet-cancle-progress.swiper-pagination-bullet-active:after{transition:width 0s ease 0s,opacity 0s ease 0s;}
@media screen and (max-width:768px) {
.pageBanner .paginationB{display:block;}
}



/*salesTit*/
.salesTit{text-align:center; margin-bottom:50px;font-size:26px;line-height:0;}
.salesTit .t1{display:inline-block;color:#000;font-weight:600;line-height:1; margin-right:15px;}
.salesTit .t2{display:inline-block;color:#666;font-weight:200;line-height:1;}
@media screen and (max-width:1260px){
.salesTit{font-size:26px; margin-bottom:40px;}
.salesTit .t1{margin-right:10px;}
}
@media screen and (max-width:1024px){
.salesTit{font-size:24px; margin-bottom:40px;}
.salesTit .t1{margin-right:8px;}
}
@media screen and (max-width:768px){
.salesTit{font-size:22px; margin-bottom:30px;}
}


/*********************************mall----productDdetail*********************************/

@media screen and (max-width:1440px){
.proinfo .w1320{ width:90%; max-width:1320px; height:auto; margin:0 auto;}
}


.probg{padding-top:100px;background-color:#fff;}
@media screen and (max-width:1200px){
.probg{padding-top:50px;}
}

/*pagePosition*/
.pagePosition{position:relative;color:#737373;font-weight:300;white-space:nowrap; overflow:hidden;font-size:0; line-height:0;vertical-align:top;margin-top:80px;}
.pagePosition span,
.pagePosition a{display:inline-block;font-size:15px;line-height:16px;color:#4E5769;position:relative;vertical-align:top;}
.pagePosition i{display:inline-block;font-style:normal;line-height:0;font-weight:200;font-size:0;padding:0 8px;position:relative;top:0;vertical-align:top;}
.pagePosition i:after{content:'';position:absolute;top:2px;left:50%;width:1px;height:12px;background:#cdcdcd;}
@media screen and (max-width:1260px){
	.pagePosition{margin-top:40px;}
}
@media screen and (max-width:1024px){
.pagePosition span,
.pagePosition a{font-size:14px;}
}


/*preview*/
.detailBox{width:100%;}
.detailBox img{ max-width:100%; max-height:100%;}
@media screen and (max-width:768px){
.detailBox{ padding:0;}
}


/*detailBoxTop*/
.detailBox .detailBoxTop{padding-bottom:85px;padding-top:20px;}
.detailBox .detailNrBox{padding-left:50px;overflow:hidden;}
.detailBox .prott{font-size:26px; line-height:1.2;font-weight:400; color:#000;}
.detailBox .price{font-size:22px;line-height:26px;color:#000;font-weight:400;position:relative; margin-top:10px; margin-bottom:36px;}
.detailBox .price .pr1ine{ position:relative; margin-left:13px; font-size:14px; font-weight:300; color:#ababab;vertical-align: baseline;}
.detailBox .price .pr1ine:after{content:' ';position:absolute;border-bottom:1px solid #979797;width:100%;left:0;top:50%}
.detailBox .proText{padding-bottom:27px;line-height:32px;font-size:16px;color:#595959;}
@media screen and (max-width:1260px){
.detailBox .detailBoxTop{padding-bottom:40px;padding-top:20px;}
.detailBox .prott{font-size:24px;}
.detailBox .price{font-size:20px;margin-top:5px; margin-bottom:25px;}
}
@media screen and (max-width:1024px){
.detailBox .procs ul li .wz{font-size:14px;}
}


/*procs*/
.detailBox .procs{padding-bottom:27px;}
.detailBox .procs ul{border-radius:10px;overflow:hidden;}
.detailBox .procs ul li{ display:block;background:#f6f8f9;padding:0 30px;}
.detailBox .procs ul li .item{display:flex;padding:28px 0;width:100%;position:relative; border-bottom:1px solid #e5e5e5;}
.detailBox .procs ul li .icon{flex-shrink:0;margin-right:16px;flex-grow:0;width:24px;padding:2px; line-height:0;}
.detailBox .procs ul li .icon img{ max-width:100%; display:block; }
.detailBox .procs ul li .wz{font-size:16px;line-height:24px;color:#3c3c3c;font-weight:400;display:flex;align-items:center;flex-grow:1;justify-content:space-between;min-height:24px}
.detailBox .procs ul li:last-child .item{border: none}
@media screen and (max-width:1024px){
.detailBox .procs ul{border-radius:8px;}
.detailBox .procs ul li{padding:0 20px;}
.detailBox .procs ul li .item{padding:20px 0;}
.detailBox .procs ul li .wz{font-size:14px;}
.detailBox .procs ul li .icon{margin-right:14px;line-height:24px;width:24px;}
}
@media screen and (max-width:768px){
.detailBox .procs ul{border-radius:5px;}
.detailBox .procs ul li{padding:0 16px;}
.detailBox .procs ul li .item{padding:16px 0;}
}



/*proT*/
.proT{font-size:18px;line-height:24px;color:#000000;font-weight:400; margin-bottom:20px;}
/*colorlist*/
.colorlist{display:block; text-align:left; font-size:0;line-height:0; margin-right:-57px;}
.colorlist li{display:inline-block;*display:inline;zoom:1; vertical-align:top;margin-right:57px;margin-bottom:20px;font-size:16px;line-height:24px;color:#3c3c3c; cursor:pointer;}
.colorlist li span{display:inline-block; vertical-align:middle;}
.colorlist li span img{width:100%;height:100%; display:block;}
.colorlist li span.colorsp{display:inline-block;background:#fff;border-radius:50%;height:28px;max-width:28px;overflow:hidden;border:1px solid #aaaaad; cursor:pointer; margin-right:10px;}
.colorlist li:hover span.colorsp{border-color:#0e3265;}
.colorlist li.bg-blue-50 span.colorsp{border-color:#0e3265;}
.colorlist li .label{-webkit-user-select: none;-moz-user-select: none;user-select: none;display: block;cursor: pointer;}
.colorlist li .label>input[type=radio]{display:inline-block;position:fixed;left:-9999em;right:-9999em;opacity:0; visibility:hidden;}
.colorlist li .label>input[type=radio] + .colorsp:hover{border-color: #0e3265;}
.colorlist li .label>input[type=radio]:checked + .colorsp{border-color:#0e3265;}
@media screen and (max-width:1024px){
.colorlist{margin-right:-20px;}
.colorlist li{margin-right:20px;margin-bottom:20px;font-size:15px;}
.colorlist li span.colorsp{height:24px;max-width:24px;margin-right:10px;}
}
@media screen and (max-width:768px){
.colorlist{margin-right:-30px;}
.colorlist li{margin-right:30px;margin-bottom:20px;font-size:15px;}
.colorlist li span.colorsp{height:24px;max-width:24px;margin-right:10px;}
}
@media screen and (max-width:480px){
.colorlist{margin-right:-16px;}
.colorlist li{margin-right:16px;margin-bottom:20px;font-size:14px;}
.colorlist li span.colorsp{height:20px;max-width:20px;margin-right:10px;}
}

/*proZP */
.proZP li{position:relative;overflow:hidden; margin-bottom:15px;}
.proZP li .checkable{-webkit-user-select: none;-moz-user-select: none;user-select: none;position: relative;display: block;cursor: pointer; border-radius: 8px;}
.proZP li .checkable>input[type=radio]{display:inline-block;position:fixed;left:-9999em;right:-9999em;opacity:0; visibility:hidden;}
.proZP li .checkable>input[type=radio]+* {text-align:left;box-sizing:border-box;border:1px solid #d2d2d2;padding:23px 50px;min-height:72px;border-radius:8px;overflow:hidden;background:#fff;}
.proZP li .checkable>input[type=radio]+*:hover{border-color: #0e3265;}
.proZP li .checkable>input[type=radio]:checked+* {border-width:2px;border-color:#0e3265;}
.proZP li .item{align-items: center;display: flex;}
.proZP li .img{height:90px;width:90px;margin-right:50px;cursor:pointer;position:relative;flex-shrink:0;display:inline-block;vertical-align:top}
.proZP li .img img{width:100%;height:100%; display:block;}
.proZP li .titleBox{display:inline-block;vertical-align: middle;}
.proZP li .titleBox .t{line-height:24px;font-size:16px;color:#3c3c3c;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}
@media (max-width:1200px){
.proZP li .titleBox .t{line-height:20px;font-size:16px}
.proZP li{overflow:hidden; margin-bottom:15px;}
}
@media (max-width:1024px){
.proZP li .titleBox .t{line-height:24px;font-size:14px;}
.proZP li .img{height:80px;width:80px;margin-right:40px;}
.proZP li .checkable>input[type=radio]+* {padding:20px 40px;min-height:80px;}
}
@media (max-width:768px){
.proZP li{overflow:hidden; margin-bottom:15px;}
.proZP li .img{height:66px;width:66px;margin-right:30px;}
.proZP li .checkable>input[type=radio]+* {padding:15px 30px;min-height:66px;}
}


/*malladd-cartbar*/
.malladd-cartbar{position:fixed;left:0;right:0;bottom:0;z-index:980;transition:transform .4s ease .2s;width:100%;background-color:#fff;padding:16px 0;/*box-shadow:0 -2px 4px rgba(0,0,0,.1);*/transform:translateY(0);border-top:1px solid rgba(0,0,0,.09);}
.malladd-cartbarB{margin:0 auto;display:flex;justify-content:space-between;align-items:center;width:100%;color:#000000;font-size:16px}
.cartbar-Btn{font-size:16px;border-radius:47px;font-weight:400;display:inline-block;z-index:4; overflow: hidden;}
.cartbar-Btn span{display:block;cursor:pointer;border-radius:47px;line-height:47px;padding:0 30px;overflow:hidden;background:#0e3265;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.cartbar-Btn span:hover{background-color:#082041;}
.cartbar-priceB{display:flex;font-size:100%;flex:auto;margin-right:26px}
.cartbar-price{text-align:right;flex:auto}
@media screen and (max-width:768px) {
.cartbar-Btn{font-size:14px;border-radius:40px;}
.cartbar-Btn span{padding:0 20px;border-radius:40px;line-height:40px;}
.cartbar-priceB{margin-right:20px}
.malladd-cartbarB{font-size:14px}
.malladd-cartbar{transform:translateY(100%);transition:all .3s ease;opacity:0;}
.malladd-cartbar.onsb{opacity: 1;transform: translateY(0);}
}

.cursor-not-allowed {cursor:not-allowed!important;}
.opacity-50 {opacity:.5!important;}


/*slick初始化*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
/*.slick-track:before,.slick-track:after{content:"";display:table}*/
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff;}
.slick-prev,.slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:28px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}


/*prodetailimg*/
.detailBox .prodetailimg{ width:47.05882352941176%; float:left;}
.detailBox .detailNr{width:52.94117647058824%;float:right; position:relative;}
@media screen and (min-width:768.1px){
.detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:100px;}	
}
@media screen and (max-width:1024px){
.detailBox .prodetailimg{ width:45%;}
.detailBox .detailNr{width:55%;}
}
@media screen and (max-width:768px){
.detailBox .prodetailimgBox{ margin-right:0px;}	
.detailBox .prodetailimg{ float:none; width:100%;}
.detailBox .detailNr{width:100%;float:none; padding:0 24px;}
.detailBox .detailNr .detailNrBox{padding:25px 0; }
.detailBox .prodetailimg{ position:relative;}
}



/*product-images-left*/
.prodetailimg .product-images-right{width: 100%;}
.prodetailimg .product-images-left{margin-top:28px;}
/*product-images-left thumbnail*/
.prodetailimg .product-images-left{/*height:128px;*/overflow:hidden; position:relative;margin-right:-12px;}
.prodetailimg .product-images-left .thumbnail{float:left;width:14.28571428571429%;}
.prodetailimg .product-images-left .thumbnail .item{margin:0;margin-right:12px; margin-bottom:15px; border:1px solid #fafafa;border-radius:8px; }
.prodetailimg .product-images-left .thumbnail.active .item{ border-color:#9799a6;}
.prodetailimg .product-images-left .thumbnail .img{width:100%; height:0;padding-bottom:100%; position:relative;}
.prodetailimg .product-images-left .thumbnail img{ position:absolute;top:0;left:0;display:block;width:100%;height:100%; max-height:none; max-width:none;border-radius:8px;object-fit:cover; overflow:hidden; z-index:1; text-align:center; margin:0}
.mallDetail{ background:#fff;}
/* Arrows */
.prodetailimg .product-images-left .slick-next,
.prodetailimg .product-images-left .slick-prev{height:32px;width:32px;margin-top:-16px;position:absolute;top:50%;border:none;text-align:center;font-size:0;z-index:5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-size:7px;}
.prodetailimg .product-images-left .slick-prev{left:-32px;background-image: url("../images/arrow-left.png");}
.prodetailimg .product-images-left .slick-next{right:-32px;background-image: url("../images/arrow-right.png");}
.prodetailimg .product-images-left .slick-next.slick-disabled,
.prodetailimg .product-images-left .slick-prev.slick-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
@media screen and (max-width:768px) {
.prodetailimg .product-images-left{display:none;}
}


/*bigImg*/
.bigImg{ position:relative; background:#fff;}
.bigImg .swiper-container{width: 100%;}
.bigImg .swiper-container .swiper-slide{height:auto;position:relative;background:#FFF; width:100%;}
.bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom:100%;position:relative;border-radius:10px;}
.bigImg .swiper-container .swiper-slide .img>div{position:static!important;}
.bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-width:none; height:100%;width:auto;width:100%;object-fit:contain;}
.bigImg .mbtn{width:46px;height:46px;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-23px;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-color:rgba(0,0,0,.2);background-size:7px;}
.bigImg:hover .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.bigImg .mbtn.mprevbtnb{background-image:url(../images/arrow-left2.png);left:3%;}
.bigImg .mbtn.mnextbtnb{background-image:url(../images/arrow-right2.png);right:3%;}
.bigImg .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}	
/*swiper-pagination*/
.bigImg .swiper-pagination{display:none;}
@media screen and (max-width:1024px) {
.bigImg .mbtn{width:44px;height:44px;}
}
@media screen and (max-width:768px) {
.bigImg .swiper-container{ padding-bottom:20px;}
.bigImg .swiper-pagination{display:flex;}	
.bigImg .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}	
.bigImg .mbtn{ display:none!important;}
.bigImg .swiper-container .swiper-slide .img{border-radius:0;}
.bigImg .swiper-pagination{position:absolute; width:auto;left:auto;right:16px;top:16px;z-index:1;padding:0 8px;height:24px;line-height:24px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;border-radius:4px;display: inline-block;}
}



/*detailBoxCenter*/
.detailBoxCenter{ padding-bottom:150px;border-top:1px solid #dfdfdf;overflow:hidden;}
/*detailTit*/
.detailTit{font-weight:400;font-size:30px; color:#3c3c3c; margin-top:60px;margin-bottom:55px;line-height:1; text-align:center;}
.detailTit2{font-weight:400;font-size:26px; color:#000000; margin-top:60px;margin-bottom:55px;line-height:1; text-align:center; display:none;}
.detailBox-proxq img{ max-width:100%; height:auto;}
@media screen and (max-width:1320px) {
.detailBoxCenter{ padding-bottom:130px;}
.detailTit{font-size:26px;margin-top:55px;margin-bottom:50px;}
.detailTit2{font-size:24px;margin-top:55px;margin-bottom:50px;}
}
@media screen and (max-width:1260px) {
.detailBoxCenter{ padding-bottom:120px;}
.detailTit{font-size:24px;margin-top:45px;margin-bottom:40px;}
.detailTit2{font-size:22px;margin-top:45px;margin-bottom:40px;}
}
@media screen and (max-width:1024px) {
.detailBoxCenter{ padding-bottom:100px;}
.detailTit{font-size:22px;margin-top:35px;margin-bottom:30px;}
.detailTit2{font-size:20px;margin-top:35px;margin-bottom:30px;}
}
@media screen and (max-width:768px) {
.detailBoxCenter{ padding-bottom:40px;}
.detailTit{font-size:20px;margin-top:30px;margin-bottom:25px;}
.detailTit2{font-size:18px;margin-top:30px;margin-bottom:25px;}
}



/*********************************mall----cart*********************************/

/*cartDetail*/
.cartDetail{padding-top:100px;background-color:#fff;overflow:hidden;}
.cartDetailB{padding-top:100px; padding-bottom:80px;overflow:hidden;}
@media screen and (max-width:1200px){
.cartDetail{padding-top:50px;}
.cartDetailB{padding-top:50px; padding-bottom:50px;}
}

.cartContent{ overflow:hidden;}

/*cartTit*/
.cartTit{margin-bottom:55px;}
.cartTit .t1{display:block;color:#000;font-size:30px;font-weight:400;line-height:1;}
/*cartTip*/
.cartTip{color:#000;font-size:16px;font-weight:300;line-height:1; padding-top:10px;}
.cartTip a{ color:#0e3265;}
.cartTip a:hover{ text-decoration:underline;}
@media screen and (max-width:1260px){
.cartTit .t1{font-size:26px;}
}
@media screen and (max-width:1024px){
.cartTit .t1{font-size:24px;}	
}
@media screen and (max-width:768px){
.cartTit{margin-bottom:20px;}
.cartTit .t1{font-size:22px;}
.cartTip{font-size:14px;}
}




/*w700 w150 w20*/
.w700{width:675px;min-width:675px;}
.w150{width:147px;min-width:147px;}
.w20{width:20px;min-width:20px;}
@media screen and (max-width:1260px){
.w700{width:50vw;min-width:50vw;}
.w150{width:13vw;min-width:100px;}
.w20{width:20px;min-width:20px;}
}
@media screen and (max-width:1024px){
.w700{width:40vw;min-width:40vw;}
.w150{width:13vw;min-width:100px;}
.w20{width:15px;min-width:15px;}
}
@media screen and (max-width:960px){
.w700{width:40vw;min-width:40vw;}
.w150{width:8vw;min-width:50px;}
.w20{width:15px;min-width:15px;}
}
@media screen and (max-width:768px){
.w700{width:100vw;min-width:100vw;}
.w150{width:40vw;min-width:40vw;}
.w20{width:15px;min-width:15px;}
}



.SelCon{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0;}
/*SelInput*/
.SelInput{width:57px;}
.SelInput input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;outline:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background:transparent;cursor:pointer;width:24px;height:24px;line-height:24px;box-sizing:border-box;padding:0;vertical-align:text-bottom; overflow:hidden;border-radius:4px;}
.SelInput input:after{position:relative;content:"";border:1px solid #BABDBF;display:block;border-radius:4px;transition:border .3s cubic-bezier(.23,1,.32,1);box-sizing:content-box;width:22px;height:22px;}
.SelInput input:checked:after{border-color:#0e3265;}
.SelInput input:before{content:"";display:block;position:absolute;left:0;top:0;width:22px;height:22px;border-radius:4px;background-color:transparent;transition:all .3s cubic-bezier(.23,1,.32,1)}
.SelInput input:before{content:"";transform:scale(.5);background-color:transparent}
.SelInput input:checked:before{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+c29saWQvY2hlY2s8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik02LjcxNzE1NSwxMC44ODIxNjAyIEw0LjExNzE1MjQ2LDguMjY3MjA4NSBDMy45NjA5NDkxOCw4LjExMDEwNzExIDMuOTYwOTQ5MTgsNy44NTUzODUwNCA0LjExNzE1MjQ2LDcuNjk4MjY3OTMgTDQuNjgyODI0ODksNy4xMjkzMjczNiBDNC44MzkwMjgxNiw2Ljk3MjIxMDI1IDUuMDkyMzA5NjYsNi45NzIyMTAyNSA1LjI0ODUxMjk0LDcuMTI5MzI3MzYgTDYuOTk5OTk5MDIsOC44OTA4NjgyIEwxMC43NTE0ODcxLDUuMTE3ODI2MDUgQzEwLjkwNzY5MDMsNC45NjA3MjQ2NSAxMS4xNjA5NzE4LDQuOTYwNzI0NjUgMTEuMzE3MTc1MSw1LjExNzgyNjA1IEwxMS44ODI4NDc1LDUuNjg2NzY2NjIgQzEyLjAzOTA1MDgsNS44NDM4NjgwMSAxMi4wMzkwNTA4LDYuMDk4NTkwMDggMTEuODgyODQ3NSw2LjI1NTcwNzE5IEw3LjI4Mjg0MzA1LDEwLjg4MjE3NTkgQzcuMTI2NjI0MTUsMTEuMDM5Mjc3MyA2Ljg3MzM1ODI3LDExLjAzOTI3NzMgNi43MTcxNTUsMTAuODgyMTYwMiBaIiBpZD0icGF0aC0xIj48L3BhdGg+PC9kZWZzPjxnIGlkPSJzb2xpZC9jaGVjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+PC9tYXNrPjx1c2UgaWQ9ImNoZWNrIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPjxnIGlkPSJ3aGl0ZS8xMCIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjRkZGRkZGIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBpZD0iYmFzZSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjgiIGhlaWdodD0iOCI+PC9yZWN0PjwvZz48L2c+PC9nPjwvc3ZnPg==);background-color:#0e3265;transform:scale(1)}
.SelInput input:before,
.SelInput input:checked:before{-webkit-transform:scale(1.5);transform:scale(1.5);top:5px;left:5px;}

/*SelImg*/
.SelImg .SelImgBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.SelImg .SelPic{margin-right:26px;}
.SelImg .SelPic a{display:block;width:120px;height:120px;box-sizing:content-box;border-radius:10px; overflow:hidden;}
.SelImg .SelPic img{display:block;width:100%}
/*cartListZP*/
.cartListZP{max-height:176px;padding-left:57px;}
.cartListZP .cartListZPBox{margin-left:-57px;}
.cartListZP .SelImg .SelPic{width:90px;height:90px; margin-left:70px; margin-right:40px;}
@media screen and (max-width:1200px){
.SelInput{width:35px;}
.SelImg .SelPic{margin-right:26px;}
.SelImg .SelPic a{width:70px;height:70px;}
.cartListZP{padding-left:37px;}
.cartListZP .cartListZPBox{margin-left:-37px;}
.cartListZP .SelImg .SelPic{width:50px;height:50px; margin-left:48px; margin-right:30px;}
}
@media screen and (max-width:1024px){
.SelImg .SelPic{margin-right:16px;}	
.cartListZP .SelImg .SelPic{margin-right:20px;}

.SelInput input{width:20px;height:20px;line-height:20px;}
.SelInput input:after{width:18px;height:18px;}
.SelInput input:before{width:18px;height:18px;}
.SelInput input:before,
.SelInput input:checked:before{top:3px;left:3px;}
}
/*SelTitle*/
.SelTitle{font-size:18px;line-height:28px;font-weight:400;color:#3c3c3c;}
.SelTitle .SelTitleBox{padding-right:15px}
.SelTitle a{color:#3c3c3c;text-decoration:none;display:inline-block;line-height: 1.3;}
/*SelTotalprice*/
.SelTotalprice .SelTotalprice{margin-right:15px}
/*SelPrice*/
.SelPrice .SelPriceBox{margin-right:15px}
.SelPrice p{font-size:16px;line-height:20px;color:#3c3c3c;font-weight:400;}
.SelPrice p.origin-price{color:rgba(0,0,0,.25);text-decoration:line-through}
/*SelQuantity*/
.SelQuantity .SelQuantityBox{margin-right:15px}
.SelQuantity .addForm{position:relative;width:104px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;box-sizing:border-box;border:1px solid #9FA3A6}
.SelQuantity .addForm button{color:#3B3E40;display:block;box-sizing:border-box;-webkit-appearance:none;appearance:none;width:32px;line-height:32px;font-size:12px;height:100%;border:none;background:#F7F9FA;cursor:pointer;position:relative}
.SelQuantity .addForm button.numberoff{float:left}
.SelQuantity .addForm button.numberoff:after{content:' ';position:absolute;background:#9799a6;width:12px;height:1px;left:0; right:0;margin:0 auto;top:50%}
.SelQuantity .addForm button.numberadd:before{content:' ';position:absolute;background:#9799a6;width:1px;height:11px;left:0; right:0;margin:0 auto;top:50%;margin-top:-5.5px}
.SelQuantity .addForm button.numberadd:after{content:' ';position:absolute;background:#9799a6;width:11px;height:1px;left:0; right:0;margin:0 auto;top:50%}
.SelQuantity .addForm .text{/*cursor:not-allowed;*/display:block;box-sizing:border-box;height:100%;width:40px;text-align:center;font-size:14px;line-height:24px;border:none;background:transparent;border-right:1px solid #9FA3A6;border-left:1px solid #9FA3A6;position:relative;}

/*SelaDelete*/
.SelaDelete{min-height:40px}
.SelaDelete .SelaDeleteBox{width:100%;text-align:center}
.SelaDelete .icon-del{width:20px;height:40px;cursor:pointer;display:block;border:none;font-size:14px;color:#6C7073;background:transparent;transition:all 200ms;line-height:40px;border-radius:100px;background-image:url(../images/icon-del.png);background-position:right center;background-repeat:no-repeat;background-size:100%}


/*flexBox*/
.flexBox{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;flex-direction: row;}
/*cartListLine*/
.cartListLine{height:32px;position:relative;overflow:hidden}
.cartListLine:before{content:" ";position:absolute;left:0;top:50%;right:0;height:1px; width:100%;background:#dfdfdf;}
/*Seltag*/
.Seltag{font-size:14px;line-height:27px;color:#0e3265;font-weight:300;border:1px solid #0e3265;padding:0 10px;margin-left:18px;border-radius:4px;display:inline-block;}
/*cartListHeader*/
.cartListHeader{max-height:176px;background:#fff;font-size:18px;line-height:24px;font-weight:300;color:#000000;min-height:24px;border-top:none}
/*cartList*/
.cartList{font-size:16px;font-weight:400;color:#3c3c3c;line-height:1;}
@media screen and (max-width:1024px){
.cartListLine{height:30px;}

.SelTitle{font-size:15px;}
.SelPrice p{font-size:14px;}

.cartList{font-size:14px;}
.Seltag{font-size:12px;margin-left:10px;}
.cartListHeader{font-size:15px;}
.SelQuantity .addForm{width:99px;height:30px;}
.SelQuantity .addForm button{width:30px;line-height:30px;}
.SelQuantity .addForm .text{width:35px;font-size:12px;}

.SelaDelete .icon-del{width:15px;}
}
@media screen and (max-width:960px){

.SelQuantity .addForm{width:79px;height:24px;}
.SelQuantity .addForm button{width:24px;line-height:24px;}
.SelQuantity .addForm .text{width:29px;font-size:12px;}

.SelTitle{font-size:14px;}
.SelPrice p{font-size:12px;}

.cartList{font-size:12px;}
.Seltag{font-size:10px;margin-left:10px;}
.cartListHeader{font-size:14px;}

}
@media screen and (max-width:768px){
.cartListLine{height:20px;}
.flexBox{    flex-wrap: wrap;}	
.SelCon{ margin-bottom:10px;}
.cartListHeader{ display:none;}


.SelTitle span{ display:block;}
.Seltag{font-size:10px;margin-left:0px;line-height:1;padding:4px 8px;display:inline-block!important;}
	
.SelQuantity .SelQuantityBox{margin-right:0; text-align:right;}
.SelQuantity .addForm{ float:right;}

.SelPrice .SelPriceBox{margin-right:0; margin-left:120px;}
.SelTotalprice .SelTotalpriceBox{margin-right:0;margin-left:120px;}
}




/*CartTotal*/
.CartTotal{padding-top:60px;padding-bottom:50px;font-size:24px;font-weight:300;color:#000;line-height:1;text-align:right;}
.CartTotal strong{font-weight:600;}
.CartTotal .p2{font-size:16px;margin-top:20px;}
@media screen and (max-width:1024px){
.CartTotal{padding-top:50px;padding-bottom:40px;font-size:20px;}
.CartTotal .p2{font-size:15px;margin-top:15px;}
}
@media screen and (max-width:768px){
.CartTotal{padding-top:40px;padding-bottom:30px;font-size:18px;}
.CartTotal .p2{font-size:14px;margin-top:10px;}
}
@media screen and (max-width:480px){
.CartTotal{padding-top:30px;padding-bottom:20px;font-size:16px;}
.CartTotal .p2{font-size:14px;margin-top:5px;}
}


/*CartAction*/
.CartAction{line-height:0; font-size:0; padding-top:25px;}
.CartAction .CartActionBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; }
.CartAction .btn{ width:277px;line-height:48px;border-radius:48px;font-size:18px;color:#000000; background:#f5f5f5;text-align:center;transition: all .3s cubic-bezier(.23,1,.32,1);}
.CartAction .btn:hover{background:#ebebeb;}
.CartAction .Checkoutbtn{color:#fff; background:#0e3265;}
.CartAction .Checkoutbtn:hover{ background:#09254e;}
@media screen and (max-width:1024px){
.CartAction .btn{ width:200px;line-height:45px;font-size:16px;}	
}
@media screen and (max-width:768px){.CartAction{padding-top:20px;}
.CartAction .btn{ width:150px;line-height:40px;font-size:14px;}
}
@media screen and (max-width:480px){.CartAction{padding-top:15px;}
.CartAction .btn{ width:120px;line-height:35px;font-size:12px;}
}


/*cartTit*/
.cartTit2{line-height:0;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;}
.cartTit2 .t1{display:block;color:#000;font-size:20px;font-weight:300;line-height:1;}
.cartTit2 button{color:#0e3265;font-size:15px;line-height:24px;font-weight:300;}
.cartTit2 a{color:#0e3265;font-size:15px;line-height:24px;font-weight:300;}
@media screen and (max-width:768px){
.cartTit2 .t1{font-size:18px;}
.cartTit2 button{font-size:14px;}
.cartTit2 a{font-size:14px;}
}


/*checkoutContent*/
.checkoutContent{margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex}
.checkout-options{padding-right:58px;border-right:1px solid rgba(0,0,0,0.09);max-width:811px;-webkit-box-flex:1;-ms-flex:1;flex:1;z-index:2}
/*order-summary*/
.sticky{position:-webkit-sticky;position:sticky;top:100px;z-index:1;}
.order-summary{width:380px;padding-left:50px;z-index:1}
.checkout-section .cartTit2{margin-bottom:15px}
@media screen and (max-width:1260px){
.checkoutContent{flex-wrap: wrap;max-width:811px; margin:0 auto;}
.checkout-options{padding-right:0;border-right:none;border-bottom:1px solid rgba(0,0,0,0.09);padding-bottom:30px;}
.order-summary{width:100%;padding-left:0;z-index:1; padding-top:30px;}	
}



/*address-form formTable*/
.formTable .item{margin-bottom:16px;line-height:0;font-size:0;}
.formTable .item .itemB{display:flex;position:relative;height:48px;border:1px solid rgba(0,0,0,0.15);border-radius:5px;box-sizing:border-box;background-color:rgb(255,255,255);cursor:text;transition:all 0.3s cubic-bezier(0.23,1,0.32,1) 0s}
.formTable .item.active.itemB{outline:4px solid rgba(0,96,239,.4);box-shadow:none}
.formTable .t{display:inline-block;position:absolute;top:0px;left:10px;height:14px;color:#606060;font-size:15px; font-weight:300;line-height:14px;cursor:text;transition:transform 200ms ease 0s;transform-origin:left top;transform:scale(1) translateY(16px);user-select:none;z-index:1;}
.formTable .inputBox{margin-top:16px;flex:1 1 0%;}
.formTable .inputBox .text{width:100%;height:16px;line-height:16px;padding:7px 10px;font-size:14px;border:none;outline:none;box-sizing:content-box;vertical-align:middle;background-color:transparent;color:#000;-webkit-text-fill-color:#000;cursor:text; position:relative; z-index:2;font-family:MiSans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:300;}
.formTable .item.active .t{transform:scale(0.8) translateY(8px);}

.formTable  .item2{margin-bottom:16px;/*border:1px solid rgba(0,0,0,0.15);border-radius:5px;*/}
.formTable  .distpicker{ /*display:block; cursor:pointer;*/width:100%;}
.formTable  .distpicker .city-picker-span{width:100%!important;height:48px!important;line-height:48px!important;padding:0px 10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#606060;font-size:15px; font-weight:300;}
.formTable  .distpicker .city-picker-span > .placeholder {color:#363636;}
.formTable  .distpicker .city-select dl{position:relative}
.formTable  .distpicker .city-picker-dropdown{width:100% !important}
.formTable  .distpicker .city-select-content{max-height:200px;overflow-y:scroll}
.formTable  .distpicker .city-select-content::-webkit-scrollbar{width:2px;height:2px}
.formTable  .distpicker .city-select-content::-webkit-scrollbar-thumb{background-color:#307BFF;border-radius:10px}





/*checkboxBtn*/
.checkboxIsDefault{display:flex;flex-direction:row;-webkit-box-align:center;align-items:center;padding:15px 0px;margin-bottom:35px;cursor:pointer; font-size:0; line-height:0;}
.checkboxIsDefault label{ width:100%; cursor:pointer;}
.maskbox .checkboxIsDefault{ margin-bottom:0; vertical-align:middle;}
.checkboxBtn{appearance:none;display:inline-block;outline:none;width:16px;height:16px;line-height:23px;position:relative;cursor:pointer;user-select:none;margin:0;box-sizing:border-box;padding:0;margin-right:10px;vertical-align:middle;}
.checkboxBtn:before{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:transparent;transform:scale(0.5);border-radius:4px;transition:all 0.3s cubic-bezier(0.23,1,0.32,1) 0s}
.checkboxBtn:after{content:"";position:relative;background-size:170%;border:1px solid rgba(0,0,0,0.15);display:block;width:100%;height:100%;padding:3px;border-radius:4px;transition:border 0.3s cubic-bezier(0.23,1,0.32,1) 0s}
.checkboxBtn:not(:checked):before{box-shadow:none}
.checkboxBtn:checked:before{background-color:#0e3265;transform:scale(1)}
.checkboxBtn:checked:after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Im02LjcxNyAxMC44ODItMi42LTIuNjE1YS40MDQuNDA0IDAgMCAxIDAtLjU2OWwuNTY2LS41NjlhLjM5OC4zOTggMCAwIDEgLjU2NiAwTDcgOC44OTFsMy43NTEtMy43NzNhLjM5OC4zOTggMCAwIDEgLjU2NiAwbC41NjYuNTY5YS40MDQuNDA0IDAgMCAxIDAgLjU2OWwtNC42IDQuNjI2YS4zOTguMzk4IDAgMCAxLS41NjYgMFoiIGlkPSJhIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHVzZSBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIi8+PGcgbWFzaz0idXJsKCNiKSIgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQgNGg4djhINHoiLz48L2c+PC9nPjwvc3ZnPg==) -0px -0px / 100% no-repeat;border-color:#0e3265;}
.checkboxTxt{display:inline-block;font-size:16px;color:#3c3c3c;flex:1 1 0%;cursor:pointer;user-select:none;line-height:16px;vertical-align:middle;}
.checkboxIsDefault:hover .checkboxBtn:after{border-color:#0e3265;}

/*shippingMethodBox*/
.shippingMethodBox{position:relative;margin-bottom:50px}
.shippingMethodList{padding:30px 30px;border:1px solid rgba(0,0,0,.15);border-radius:8px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-bottom:10px;}
.shippingMethodList.active{padding:19px;border:2px solid #0e3265;}
.shippingMethodList:last-child{margin-bottom:0}
.shippingMethodList .shippingMethodListB{margin-right:10px;width:100%;line-height:1.8;font-size:16px;color:#505050;font-weight:300;}
.shippingMethodList .title{font-weight:300;font-size:16px;}
.shippingMethodList .desc{font-weight:300;}
@media screen and (max-width:768px){
.shippingMethodList{padding:20px 20px;}
.shippingMethodList.active{padding:15px;}
.shippingMethodList .shippingMethodListB{font-size:14px;}
.shippingMethodList .title{font-size:14px;}
}


/*selectInvoice*/
.selectInvoiceItemBox{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -4px 8px}
.selectInvoiceItem{margin:0 4px;cursor:pointer;margin-bottom:10px;padding:26px 24px;border:1px solid #d2d2d2;border-radius:4px;overflow:hidden;font-size:16px;line-height:24px; color:#696969;font-weight:300; text-align:center;}
.selectInvoiceItem.active{padding:15px 15px;border:2px solid #0e3265;position:relative; color:#000000;}
.selectInvoiceSet{display:none}
.selectInvoiceSet.active{display:block}
.selectInvoiceSet_tips{color:#999999;font-size:12px;line-height:24px;margin-top:24px; font-weight:300;}
.selectInvoiceSet_tips a{color:#0060ef}
.selectInvoiceSet_tips a:hover{ text-decoration:underline;}
@media screen and (min-width:768.1px){
.selectInvoiceItem{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.selectInvoiceItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;}
}
@media screen and (max-width:768px){
.selectInvoiceItemBox{margin:0 -4px 8px -4px; font-size:0; line-height:0;display:flex;justify-content: space-between;}
.selectInvoiceItem{padding:20px 0;font-size:14px;width:calc(50% - 10px); margin:0 4px; margin-bottom:10px; display:block; float:left;}
.selectInvoiceItem.active{padding:20px 0;}
.selectInvoiceItemBox{flex-wrap: wrap;}
}
@media screen and (max-width:370px){
.selectInvoiceItem{padding:16px 0;font-size:14px;line-height:20px;}
}

/*checkout-list*/
.checkout-listBox{padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.09)}
.checkout-listBox .checkout-listB{overflow:hidden}
.checkout-list{overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1);transition-duration: 300ms;}
.checkout-list .checkout-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:15px;min-height:60px}
.checkout-list .checkout-item:last-child{margin-bottom:0}
.checkout-list .checkout-item .item-thumb-section{position:absolute;top:0;width:60px;height:60px;border-radius:10px; overflow:hidden;}
.checkout-list .checkout-item .item-thumb{display:inline-block;vertical-align:top}
.checkout-list .checkout-item .item-thumb img{display:block;width:100%;height:100%;}
.checkout-list .checkout-item .item-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:70px;width:60%}
.checkout-list .checkout-item .item-title{font-size:15px;line-height:18px;font-weight:400;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.checkout-list .checkout-item .item-text{line-height:18px;color:#848484;font-size:14px;font-weight:400;}
.checkout-list .checkout-item .item-text-right{float:right;color:#3c3c3c;font-size:15px;font-weight:600;}

/*checkoutListBtn*/
.checkoutListBtn{text-align: center;line-height:0;font-size:0;padding-top: 10px;cursor: pointer;}
.checkoutListBtn span{ display:inline-block; line-height: 24px;font-size:14px; color:#888888;font-weight:300; padding-right:26px; position:relative;}
.checkoutListBtn span:after{ content:"";content:' ';position:absolute;width:24px;height:24px;right:0;top:0;background-image:url(../images/icon-v2.png);background-position:center center; background-repeat:no-repeat;background-size:14px;transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);transition: transform .3s cubic-bezier(.4,0,.2,1);transition: transform .3s cubic-bezier(.4,0,.2,1), -webkit-transform .3s cubic-bezier(.4,0,.2,1);}
.checkoutListBtn span.active:after{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/*coupon*/
.coupon{margin-top:20px;line-height:0;font-size:0}
.couponB{position:relative;}
.coupon .open-use-coupon-btn{cursor:pointer;margin:0;padding:0;border:none;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;line-height:20px;color:#000;font-weight:300;}
.coupon .icon-plus{width:20px;height:20px;display:inline-block;margin-right:8px;background-image:url(../images/icon-plus.png);background-position:center center; background-repeat:no-repeat;background-size:100%;}


/*checkout-priceBox*/
.checkout-priceBox{margin-top:20px;font-size:18px;line-height:28px;color:#000000;font-weight:300;}
.checkout-priceBox .fr{font-size:16px;}
.checkout-priceBox .text-total{font-size:22px;font-weight:600;}
.checkout-priceBox .total{margin-top:10px;}
@media screen and (max-width:768px){
.checkout-priceBox{font-size:16px;}
.checkout-priceBox .fr{font-size:14px;}
.checkout-priceBox .text-total{font-size:20px;}
}


/*place-order*/
.place-order{margin-top:15px;}
.place-order .clause{font-size:15px;line-height:28px;color:#000000;font-weight:300;}
.place-order .clause a {color:#0e3265;}
@media screen and (max-width:768px){
.place-order{margin-top:15px;}
.place-order .clause{font-size:14px;}
}
/*btn-placeBtn*/
.btn-placeBtn{line-height:0;font-size:0;margin-top:15px;}
.btn-placeBtn .btn{ width:100%;line-height:45px;border-radius:45px;font-size:16px;font-weight:300;color:#fff; background:#0e3265;text-align:center;transition: all .3s cubic-bezier(.23,1,.32,1);}
.btn-placeBtn .btn:hover{background:#ebebeb;}
@media screen and (max-width:1024px){
.btn-placeBtn .btn{line-height:40px;font-size:14px;}
}
@media screen and (max-width:768px){
.btn-placeBtn .btn{line-height:35px;font-size:12px;}
}


/*maskbox*/
/*.maskbox{width:100%;height:100%;position:fixed;top:0;left:0;right:0;overflow:hidden;background:rgba(51,51,51,0.3); z-index:99999;margin: 0 auto;max-width:640px;-ms-overflow-y: scroll;overflow-y: scroll;}
.maskbox .framebox{width:89.0625%;margin:0 auto;height:auto;overflow:hidden;position:absolute;top:30%;left:0;right:0;background:#fff; border-radius:5px;}*/



/*maskbox*/
.maskbox{position:absolute;top:0px;left:0px;z-index:2000;width:100%;display:none;}
.maskbox .maskB{position:fixed;top:0px;left:0px;z-index:9999;width:100%;height:100%;display:flex;transition:opacity 500ms ease-in-out 0s;visibility:visible}
.maskbox .mask{position:absolute;inset:0px;background-color:rgba(0,0,0,0.4);opacity:1}
.maskbox .framebox{position:absolute;inset:0px;z-index:10000;overflow:hidden;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.maskbox .framebox .frameB{position:relative;z-index:10000;max-width:1000px;max-height:none;background-color:rgb(255,255,255);box-shadow:rgb(0 0 0 / 20%) 0px 0px 10px;opacity:1;overflow:hidden;padding:0;min-width:600px;border-radius:8px}
.maskbox .frameInfoB{font-size:14px;line-height:20px;color:rgba(0,0,0,0.85)}
.maskbox .frameInfo{position:relative;width:100%}
.no-coupon{height:200px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-weight:300;color:#696969;text-align:center;}
@media screen and (max-width:768px){
.maskbox .framebox .frameB{min-width:300px;width:94%;}
}

/*maskbox frame*/
.maskbox .frameClose{ width:50px; height:50px; position:absolute;top:0;right:0; cursor:pointer;background-image:url(../images/icon-close2.png);background-position:center center; background-repeat:no-repeat;background-size:16px; z-index:3;}
.maskbox .framebox .frametitle{font-size:20px;color:#000;font-weight:300;line-height:1;text-align:center;border-bottom:1px solid #dcdcdc;padding-top:15px;padding-bottom:25px; margin-bottom:20px;}
.maskbox .framebox .frameInfo{padding:40px 40px;}
.maskbox .framebox .form—btn{ line-height:0;text-align:right;font-size:0; padding:16px 18px;border-top:1px solid #dcdcdc;}
.maskbox .framebox .form—btn input{display:inline-block;padding:0 16px;height:32px;line-height:32px;border-radius:32px;color:#6e6e6e;border:none;cursor:pointer;font-size:14px;background:#eee; vertical-align:top;}
.maskbox .framebox .form—btn input[type=submit]{color:#fff; background:#0e3265;border-color:#0e3265; margin-left:10px;}
.maskbox .framebox .form—btn input:hover{background:#d2d0d0;}
.maskbox .framebox .form—btn input[type=submit]:hover{background-color:#0b2c5a;}


/*couponList*/
.couponList .item{padding:20px 25px; text-align:left;border-radius:8px; border:1px solid #f1f4f6;margin-bottom:10px;cursor:pointer;}
.couponList .item:hover,
.couponList .item.active{background:#f1f4f6; }
.couponList .item .item-title{color:#000;font-size:16px; font-weight:300;}
.couponList .item .item-title span{padding-left:35px;background-image:url(../images/icon-coupon.png);background-position:left center; background-repeat:no-repeat;background-size:22px;}
@media screen and (max-width:768px){
.couponList .item{padding:15px 20px;margin-bottom:10px;}
.couponList .item .item-title{font-size:14px;}
.couponList .item .item-title span{padding-left:25px;background-size:18px;}
}

/*btn-placeBtn*/
.btn-placeBtn{line-height:0;font-size:0;margin-top:15px;}
.btn-placeBtn .btn{ width:100%;line-height:45px;border-radius:45px;font-size:16px;font-weight:300;color:#fff; background:#0e3265;text-align:center;transition: all .3s cubic-bezier(.23,1,.32,1);}
.btn-placeBtn .btn:hover{background:#09234a;}




/*addressBox*/
.addressBox{position:relative;margin-bottom:50px}
.addressList{padding:30px 30px;border:1px solid rgba(0,0,0,.15);border-radius:8px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;margin-bottom:10px;}
.addressList.active{padding:19px;border:2px solid #0e3265;}
.addressList:last-child{margin-bottom:0}
.addressList .addressListB{ margin-right:10px;width:100%;line-height:1.8;font-size:16px;color:#505050;font-weight:300; position: relative;padding-right:70px;}
.addressList .title{font-weight:300;font-size:16px;}
.addressList .desc{font-weight:300;}
/*addressBtn*/
.addressList .addressBtn{ position:absolute;right:0;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

/*from editBtn*/
.editBtn .btn{ display:inline-block;width:40px; height:40px;cursor:pointer;background-position:center center; background-repeat:no-repeat;background-size:20px;border-radius:50%; overflow:hidden;transition: all .3s cubic-bezier(.23,1,.32,1);}
.editBtn .btn:hover{ background-color:#f0f1f3;}
.editBtn .btn.btnDelete{background-image:url(../images/icon-del.png);}
.editBtn .btn.btnEdit{background-image:url(../images/icon-edit.png);}


/*checkout-couponBox*/
.checkout-couponBox{padding-top:14px;}
.checkout-couponBox .item{padding:20px 20px; text-align:left;border-radius:8px; border:1px solid #f1f4f6;background:#f1f4f6; margin-top:10px;}
.checkout-couponBox .item .item-title{color:#000;font-size:16px; font-weight:300; line-height:1;}
.checkout-couponBox .item .item-title span{ display:block;padding-left:35px;background-image:url(../images/icon-coupon.png);background-position:left center; background-repeat:no-repeat;background-size:22px;}



/********************************************user********************************************/
.header-top{height:64px;border-bottom:1px solid #eee;font-size:12px}
.header-top .header-topB{height:64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}

.header-top .header-logo{ height:33px;}
.header-top .header-logo a{display:block; height:100%;}
.header-top .header-logo img{display:block;max-height:100%;}
.header-top .BaseDropdown{ position:relative; height:100%;}
.header-top .BaseDropdown .BaseDropdownT{font-size:16px; line-height:64px;color:#565656; font-weight:300;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
.header-top .BaseDropdown .BaseDropdownT span{display:block; padding-right:30px; position:relative;}
.header-top .BaseDropdown .BaseDropdownT .icon{position:absolute;width:10px;height:10px;right:0;top:50%;margin-top:-5px;background-image:url(../images/icon-v4.png);background-position:center center; background-repeat:no-repeat;background-size:10px;}
.header-top .BaseDropdown.visible .BaseDropdownT .icon{-webkit-transform: rotate(180deg);transform: rotate(180deg);background-image:url(../images/icon-v5.png);}
.header-top .BaseDropdown.visible .BaseDropdownT {color:#0e3265;}

.header-top .BaseDropdown .BaseDropdownList{position:absolute;right:0;top:100%;z-index:1001;background-color:#fff;display:block;transition:all .3s ease;transform:translateY(-8px);opacity:0;pointer-events:none;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;padding:0 0;margin-right:-20px;width:128px;}
.header-top .BaseDropdown.visible .BaseDropdownList{transform:translateY(-1px);opacity:1;pointer-events:auto;}
.header-top .BaseDropdown .BaseDropdownList a{transition:all .3s ease;color:#565656; font-weight:300;text-decoration:none;box-sizing:border-box;font-size:14px; line-height:44px;border-top:1px solid #f3f3f3; display:block; text-align:center;}
.header-top .BaseDropdown .BaseDropdownList a:hover{background-color:#edf0f3;}
@media screen and (max-width:1260px){
.header-top .BaseDropdown .BaseDropdownList{right:10px;}
}



/*user*/
.user{padding:60px 0 72px;background:#f0f1f2;overflow: hidden;}
.userBOX{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.userSide{width:300px;margin-right:20px;display:block;float:left;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.userContent{width:870px;position:relative;display:block;float:left;-webkit-box-flex:1;-ms-flex:1;flex:1}
@media screen and (max-width:1260px){
.user{padding:50px 0 50px;}
.userBOX{ display:block; }
.userSide{width:100%;max-width:870px; margin:0 auto; float:none;margin-bottom:10px;}
.userContent{width:100%;margin-right:0;max-width:870px; margin:0 auto;float:none;}
}
@media screen and (max-width:1024px){
.user{padding:30px 0 50px;}
}


/*user-breadcrumb*/
.user-breadcrumb{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;margin:0 auto;padding:24px 0}
.user-breadcrumb,.user-breadcrumb a{font-size:15px;line-height:16px;color:#737373;font-weight:300;vertical-align:top;}
.user-breadcrumb span,.user-breadcrumb a{display:inline-block;vertical-align:top;}
.user-breadcrumb span{display:inline-block;font-style:normal;line-height:0;font-weight:200;font-size:0;padding:0 8px;position:relative;top:0;vertical-align:top;}
.user-breadcrumb span:after{content:'';position:absolute;top:2px;left:50%;width:1px;height:12px;background:#cdcdcd;}
@media screen and (max-width:1260px){
.user-breadcrumb{ max-width:870px;}
.user-breadcrumb{padding:20px 0}
}
@media screen and (max-width:768px){
.user-breadcrumb{padding:15px 0}
.user-breadcrumb,.user-breadcrumb a{font-size:14px;}
}


/*Sidebar*/
.Sidebar{padding:16px 0;width:300px;background:#fff;border-radius:8px;position:-webkit-sticky;position:sticky;top:0;bottom:0;}
.Sidebar dl{margin:0;padding:0}
.Sidebar dd{margin:0;padding:0;margin-bottom:5px}
.Sidebar dd a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 24px;line-height:24px;color:#000;font-size:16px;font-weight:300}
.Sidebar dd a.active{background:#f9f9f9;}
.Sidebar dd span{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.Sidebar dd span i{display:inline-block;text-align:center;line-height:24px;width:15px;background-position:center center; background-repeat:no-repeat;background-size:15px;margin-right:12px}
.Sidebar dd span i.icon-order{background-image:url(../images/icon-order.png);}
.Sidebar dd span i.icon-admin{background-image:url(../images/icon-admin.png);}
.Sidebar dd span i.icon-coupons{background-image:url(../images/icon-coupons.png);}
.Sidebar dd span i.icon-adress{background-image:url(../images/icon-adress.png);}
@media screen and (max-width:1260px){
.Sidebar{width:100%;}
.Sidebar dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;zoom:1;-webkit-box-sizing:border-box;box-sizing:border-box;}
.Sidebar dd{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;}
}
@media screen and (max-width:768px){
.Sidebar dd{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; width:50%;}
.Sidebar dd a{padding:8px 20px;line-height:24px;font-size:14px;}
}


/*userCard*/
.userCard{padding:30px;background:#fff;border-radius:8px;}
.userCard .Cardheader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;}
.userCard .Cardheader .Cardtitle{text-overflow:ellipsis;white-space:nowrap;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;display:inline-block;color:#454545;font-size:24px;font-weight:300}
.userCard .Cardbody{position:relative;zoom:1}
.userCard .Cardbody .CardbodyB{opacity:1;-webkit-transition:300ms;transition:300ms}
@media screen and (max-width:768px){
.userCard{padding:20px;}
.userCard .Cardheader{margin-bottom:20px;}
.userCard .Cardheader .Cardtitle{font-size:18px;}
}


/*userFrom*/
.userFrom{height:auto;overflow:hidden; padding-bottom:15px;}
.userFrom .l1{border-bottom:1px solid #e1e1e1;}
.userFrom .l1Box{display:-webkit-box;display:-ms-flexbox;display:flex; position:relative;}
.userFrom .userf input::-webkit-input-placeholder,
.userFrom .userf input:-moz-placeholder,
.userFrom .userf input::-moz-placeholder,
.userFrom .userf input:-ms-input-placeholder {color:#606060;font-size:18px;}
.userFrom .userf .t{font-size:18px;line-height:50px;color:#454545;font-weight:300;text-align:left;white-space:nowrap;float:left;}
.userFrom .userf .text{font-size:18px;line-height:50px;height:50px; padding:0 ;border-radius:0;margin-bottom:0;font-weight:300;color:#606060;width:100%;background:#fff;border:none;display:block; outline: none;}
.userFrom .userf .t{width:130px;position:absolute;left:0;top:0;pointer-events: none;}
.userFrom .userf .text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left: 130px;}
.userFrom .frombtn {display:inline-block;font-size:15px;margin-right:8px;border-radius:36px;line-height:36px; padding:0 33px;margin-bottom:0;text-align:center;border:none;font-weight:300;color:#000;background:#e9e9e9;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;float:left; cursor:pointer;}
.userFrom .frombtn:hover {background:#d5d4d4;}
.userFrom .frombtn.frombtn-submit{background:#0e3265;color:#fff;}
.userFrom .frombtn.frombtn-submit:hover{background:#0a2346;}
.userFrom input.borderon{border-color:#7d63eb;}
.userFrom .userf{ padding-bottom:15px;}
.userFrom .changeDatatj{ font-size:0; line-height:0; margin-top:25px;}
.userFrom .checkboxIsDefault{margin-bottom:0;}
@media screen and (max-width:768px){
.userFrom .userf .t{font-size:16px;}
.userFrom .userf .text{font-size:16px;}
.userFrom .frombtn {font-size:14px;}
}


/*userAddressBox*/
.userAddressBox{position:relative;margin-bottom:50px}
.userAddressList{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e1e1e1;overflow:hidden;}
.userAddress .userAddressList:last-child{border-bottom:none;}
.userAddress .userAddressBox{margin-bottom:0}
.userFrom .userAddressList{padding-top:0;margin-bottom:35px;}
.userAddressList:last-child{margin-bottom:0}
.userAddressList .userAddressListB{margin-right:10px;width:100%;line-height:22px;font-size:16px;color:#505050;font-weight:300;padding-right:70px; position:relative;}
.userAddressList .userAddressListB .title{font-weight:300;font-size:16px; margin-bottom:10px;}
.userAddressList .userAddressListB .desc{font-weight:300;}
.userAddressList .userAddressListB .t{ display:inline-block;line-height:22px;vertical-align:middle;}
.userAddressList .userAddressListB .tag{font-size:12px;vertical-align:middle;line-height:22px;font-weight:400;padding:0 8px;display:inline-block;background:#0e3265;color:#fff;border-radius:5px; margin-left:10px;}
/*userAddressBtn*/
.userAddressList .userAddressBtn{ position:absolute;right:10px;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index:3;}
.userAddressList .userAddressBtn .btnEdit{ display:inline-block;width:40px; height:40px;cursor:pointer;background-image:url(../images/icon-edit.png);background-position:center center; background-repeat:no-repeat;background-size:20px;border-radius:50%; overflow:hidden;transition: all .3s cubic-bezier(.23,1,.32,1);}
.userAddressList .userAddressBtn .btnEdit:hover{background-color:#f0f1f3;}
.userAddressList .userAddressListBottom{line-height:0; font-size:0; position:relative; margin-top:40px;}
.userAddressList .userAddressListBottom .btnDelete{display:inline-block;font-size:15px;margin-right:8px;border-radius:36px;line-height:36px; padding:0 33px;margin-bottom:0;text-align:center;border:none;font-weight:300;color:#000;background:#e9e9e9;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;position:absolute;right:0;bottom:0; }
.userAddressList .userAddressListBottom .btnDelete:hover {background:#d5d4d4;}
.userAddressList .userAddressListBottom .checkboxIsDefault{ margin-bottom:0;padding: 10px 0px;}
@media screen and (max-width:768px){
.userAddressList .userAddressListB{font-size:15px;}
.userAddressList .userAddressListB .title{font-size:15px;}
.userAddressList .userAddressListBottom .btnDelete{font-size:14px;}

.userAddressList .userAddressBtn{right:0;}
.userAddressList .userAddressBtn .btnEdit{ width:30px; height:30px;background-size:18px;}
}


/*Cardheader .operations*/
.Cardheader .operations{ font-size:0; line-height:0;}
.Cardheader .operations a{line-height:24px;color:#454545;font-size:18px;font-weight:300; margin-left:20px;}
.Cardheader .operations a span{display:inline-block;text-align:center;background-position:left center; background-repeat:no-repeat;background-size:18px; padding-left:24px;}
.Cardheader .operations a span.icon-manage{background-image:url(../images/icon-manage.png);}
.Cardheader .operations a span.icon-add{background-image:url(../images/icon-add.png);}
@media screen and (max-width:768px){
.Cardheader .operations a{font-size:14px;margin-left:10px;}
.Cardheader .operations a span{background-size:15px; padding-left:20px;}
}


/*couponTab*/
.couponTab{ font-size:0; line-height:0;border-bottom:1px solid #e1e1e1; margin-bottom:50px;}
.couponTab .item{color:#717171;font-size:18px;font-weight:400; padding:0 30px; line-height:50px;display:inline-block;transition:all .3s cubic-bezier(.23,1,.32,1);border-bottom:2px solid transparent; cursor: pointer;}
.couponTab .item.active{color:#0e3265;border-color:#0e3265;}
.couponBOX{display:none}
.couponBOX.active{display:block}
@media screen and (max-width:1024px){
.couponTab{margin-bottom:30px;}
.couponTab .item{font-size:16px;line-height:40px;padding: 0 0;margin-right:30px;}
}
@media screen and (max-width:768px){
	.couponTab{margin-bottom:30px;}
	.couponTab .item{font-size:15px;/* padding:0 20px;  */line-height:40px;padding: 0 0;margin-right:15px;}
}
@media screen and (max-width:370px){

	.couponTab .item{font-size:14px;margin-right:10px;}
}

/*couponsFooter*/
.couponsFooter{background:#fff;color:#424242;font-size:16px; line-height:34px;font-weight:300;margin-top:16px;padding:30px;border-radius:8px;}
.couponsFooter h6{margin-bottom:8px;font-size:18px;line-height:24px;color:#424242;font-weight:300;}
@media screen and (max-width:768px){
.couponsFooter{font-size:14px;padding:20px;}
.couponsFooter h6{font-size:16px;}
}


/*userOrderBox*/
.userOrderBox{position:relative;margin-bottom:50px}
.userOrderList{padding:30px;border:1px solid #e1e1e1;overflow:hidden;margin-bottom:20px;border-radius:8px;}
.userOrderList .userOrderListB{margin-right:10px;width:100%;line-height:22px;font-size:16px;color:#454545;font-weight:300;padding-right:70px; position:relative;}
.userOrderList .userOrderListB .title{font-weight:400;font-size:16px;color:#000;margin-bottom:10px;}
.userOrderList .userOrderListB .desc{font-weight:300;}
.userOrderList .userOrderListB .d{ margin-right:20px;}
/*userOrderBtn*/
.userOrderList .userOrderBtn{ position:absolute;right:10px;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size:0; line-height:0;}
.userOrderList .userOrderBtn .btn{display:inline-block;font-size:15px;border-radius:36px;line-height:36px;min-width:94px;padding:0 18px;margin-bottom:0;text-align:center;border:none;font-weight:300;color:#000;background:#e9e9e9;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;}
.userOrderList .userOrderBtn .btn:hover{ background-color:#f0f1f3;}
.userOrderList .userOrderBtn .btn.btnPay{background:#0E3265;color:#FFF;margin-left:10px;}
.userOrderList .userOrderBtn .btn.btnPay:hover {background:#0a2346;}
@media screen and (max-width:768px){
.userOrderList{padding:20px;margin-bottom:15px;}
.userOrderList .userOrderListB{font-size:14px;padding-right:0;}
.userOrderList .userOrderListB .title{font-size:14px;}
.userOrderList .userOrderBtn{ position: static;right:0;top:0;-moz-transform: translateY(0%);-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%); margin-top:20px;}
.userOrderList .userOrderBtn .btn{font-size:14px;}
}


/*userOrderDetailBox*/
.userOrderDetailBox{position:relative;margin-bottom:50px}
.userOrderDetailList{padding-bottom:30px;padding-top:10px;border-bottom:1px solid #e1e1e1;overflow:hidden;margin-bottom:10px;}
.userOrderDetailList .userOrderDetailListB{margin-right:10px;width:100%;line-height:22px;font-size:16px;color:#454545;font-weight:300;padding-right:70px; position:relative;}
.userOrderDetailList .userOrderDetailListB .title{font-weight:300;font-size:16px;color:#000;margin-bottom:10px;}
.userOrderDetailList .userOrderDetailListB .desc{font-weight:300;}
.userOrderDetailList .userOrderDetailListB .d{ margin-right:20px;}
/*userOrderDetailBtn*/
.userOrderDetailList .userOrderDetailBtn{ position:absolute;right:10px;bottom:0;font-size:0; line-height:0;}
.userOrderDetailList .userOrderDetailBtn .btn{display:inline-block;font-size:15px;border-radius:36px;line-height:36px;min-width:94px;padding:0 18px;margin-bottom:0;text-align:center;border:none;font-weight:300;color:#000;background:#e9e9e9;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;}
.userOrderDetailList .userOrderDetailBtn .btn:hover{ background-color:#f0f1f3;}
.userOrderDetailList .userOrderDetailBtn .btn.btnPay{background:#0E3265;color:#FFF;margin-left:10px;}
.userOrderDetailList .userOrderDetailBtn .btn.btnPay:hover {background:#0a2346;}
@media screen and (max-width:768px){
.userOrderDetailList{padding:20px;margin-bottom:15px;}
.userOrderDetailList .userOrderDetailListB{font-size:14px;padding-right:0px;}
.userOrderDetailList .userOrderDetailListB .title{font-size:14px;}
.userOrderDetailList .userOrderDetailBtn{ position: static;right:0;margin-top:20px;}
.userOrderDetailList .userOrderDetailBtn .btn{font-size:14px;}
}


.w470{width:470px;min-width:470px; text-align:left;}
.w100{width:100px;min-width:100px; text-align:right;}
@media screen and (max-width:960px){
	.w470{width:370px;min-width:370px;}
}
@media screen and (max-width:768px){
	.w470{width:200px;min-width:200px;}
	.w100{width:auto;min-width:60px;}
	
}
@media screen and (max-width:640px){
	.w470{width:100%;min-width:300px;}
	.w100{width:100%;min-width:60px; text-align:left;}
	
}

.userOrderDetail .checkout-price .checkout-priceBox{ max-width:320px; float:right; width:100%; color:#717171; padding-bottom:20px;}
.userOrderDetail .checkout-price .checkout-priceBox .text-total{ color:#000;}
.userOrderDetail .checkout-price .checkout-priceBox .price-item{margin-bottom:10px;}
.userOrderDetail .checkout-price .checkout-priceBox .total{padding-top:10px;}
@media screen and (max-width:768px){
.userOrderDetail .checkout-price .checkout-priceBox{ max-width:100%;}
	
}


/*Cardtitle2*/
.Cardtitle2{color:#454545;font-size:20px;font-weight:300;margin-bottom:24px; padding-top:35px;}

/*checkout-address*/
.checkout-address{height:auto;overflow:hidden; padding-bottom:15px;border-top:1px solid #e1e1e1; }
.checkout-address .l1Box{display:-webkit-box;display:-ms-flexbox;display:flex;}
.checkout-address .t{width:130px;}
.checkout-address .text{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.checkout-address .t{font-size:18px;line-height:40px;color:#454545;font-weight:300;text-align:left;white-space:nowrap;}
.checkout-address .des{font-size:18px;line-height:40px;font-weight:300;color:#606060;width:100%;display:block;}
@media screen and (max-width:768px){
.checkout-address .t{font-size:16px;}
.checkout-address .des{font-size:16px;}
}

/*checkout-payMethod*/
.checkout-payMethod{height:auto;overflow:hidden; padding-bottom:35px;border-top:1px solid #e1e1e1; }
.checkout-payMethod .payMethod{display:-webkit-box;display:-ms-flexbox;display:flex;}
.checkout-payMethod .icon{width:130px;background-image:url(../images/icon-wx2.png);background-position:left center; background-repeat:no-repeat;background-size:30px;}
.checkout-payMethod .t{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.checkout-payMethod .icon{line-height:40px;}
.checkout-payMethod .t{font-size:18px;line-height:40px;font-weight:300;color:#606060;width:100%;display:block;}
@media screen and (max-width:768px){
.checkout-payMethod .t{font-size:16px;}
}


/*checkout-Invoice*/
.checkout-Invoice{height:auto;overflow:hidden; padding-bottom:15px;border-top:1px solid #e1e1e1; }
.checkout-Invoice .Invoice{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;line-height:40px;color:#717171;font-weight:300;}
.checkout-Invoice .t{width:130px;}
.checkout-Invoice .text{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.checkout-Invoice .des{color:#000000;}
.checkout-Invoice .notes{color:#717171;}
@media screen and (max-width:768px){
.checkout-Invoice .Invoice{font-size:14px;}
}



/*关于我们 滚屏设置*/
@media screen and (min-width:1024.1px){
#fullpage{position:fixed;width:100vw;height:100%;left:0;top:0;z-index:5}
#fullpage #pageAboutBox{position:absolute;width:100%;height:100%;top:0;left:0}
#fullpage #pageAboutBox .pageAbout{position:absolute;left:0;height:100%;top:0;width:100%;opacity:0;pointer-events:none;animation-fill-mode:both;animation-duration:1s;animation-timing-function:cubic-bezier(0.3,0,0.24,1);z-index:5}
#fullpage #pageAboutBox .pageAbout.del{opacity:1;pointer-events:auto}
#fullpage #pageAboutBox .pageAbout.on{opacity:1;pointer-events:auto;z-index:10}
#fullpage #pageAboutBox .pageAbout.in{z-index:15;opacity:1;animation-name:banner_in;transform-origin:50% 15%}
#fullpage #pageAboutBox .pageAbout.out{z-index:10;opacity:1;animation-name:banner_out;transform-origin:50% 15%}


#fullpage #pageAboutBox .pageAbout .alan{opacity:0}
#fullpage #pageAboutBox .pageAbout .alan_small{opacity:0}
#fullpage #pageAboutBox .pageAbout.on .alan{animation-name:fadeInUpSmall;animation-duration:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
#fullpage #pageAboutBox .pageAbout.on .alan_small{animation-name:scaleIn;animation-duration:1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}

#fullpage #pageAboutBox .pageAbout .fontAni{opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
#fullpage #pageAboutBox .pageAbout .hideRow{opacity:0;transition:opacity 0.3s ease-in-out;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;-ms-transition:opacity 0.3s ease-in-out}
#fullpage #pageAboutBox .pageAbout.on .fontAni{opacity:1}
#fullpage #pageAboutBox .pageAbout.on .hideRow{opacity:1}

#fullpage #pageAboutBox .pageAbout .scale_in{-webkit-transition:transform 1s ease-in-out;-moz-transition:transform 1s ease-in-out;-o-transition:transform 1s ease-in-out;-ms-transition:transform 1s ease-in-out;transform-origin:0 100%;transition:transform 1s ease-in-out;-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);-o-transform:scale3d(1.1,1.1,1);-ms-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}
#fullpage #pageAboutBox .pageAbout.del  .scale_in{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;}
/*#fullpage #pageAboutBox .pageAbout.pageAbout6.in{z-index:10;opacity:1;animation-name:banner_in_r6;transform-origin:50% 50%}
#fullpage #pageAboutBox .pageAbout.pageAbout6.out{z-index:10;opacity:1;animation-name:banner_out_r6;transform-origin:50% 50%}*/
}


@keyframes cir_out{0%{transform:translate(-50%,-50%) scale(0.05);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1.1);opacity:0}}
@keyframes scroll-icon{0%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}100%{-webkit-transform:translateY(12px);transform:translateY(12px)}}
@keyframes rotate_in{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes banner_in{0%{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1);filter:blur(7px)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1);filter:none}}
@keyframes banner_in_r6{0%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,0%,0) scale3d(1,1,1)}}
@keyframes banner_out{to{transform:translate3d(0,100%,0) scale3d(1.1,1,1.1)}}@keyframes banner_out_r6{0%{transform:translate3d(0,0%,0) scale3d(1,1,1)}50%{transform:translate3d(0,0%,0) scale3d(0.8,0.8,0.8)}100%{transform:translate3d(0,100%,0) scale3d(0.8,0.8,0.8)}}
@keyframes a1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}}
@keyframes b1{0%{opacity:1;transform:skewy(-45deg)}70%{opacity:0}100%{opacity:1;transform:skewy(-45deg)}}
@keyframes d1{0%,20%{transform:translate(-50%,-50%) rotate(-45deg) scalex(1)}65%,100%{transform:translate(-50%,-50%) rotate(135deg) scalex(1)}}
@keyframes e1{to{transform:rotate(360deg)}}
@keyframes scrFn{to{opacity:0.3;-webkit-transform:translate3d(0,-50px,0);-moz-transform:translate3d(0,-50px,0);-o-transform:translate3d(0,-50px,0);-ms-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0);}}
@keyframes scrFn1{to{opacity:0}}

@keyframes fadeInLeftSmall{from{opacity:0;transform:translate3d(-10px,0,0)}to{opacity:1;transform:none}}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{from{opacity:0;transform:translate3d(10px,0,0)}to{opacity:1;transform:none}}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeOutLeftSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(-10%,0,0)}}
.fadeOutLeftSmall{animation-name:fadeOutLeftSmall}
@keyframes fadeOutRightSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(10%,0,0)}}
.fadeOutRightSmall{animation-name:fadeOutRightSmall}
@keyframes fadeInDownSmall{from{opacity:0;transform:translate3d(0%,-20px,0)}to{opacity:1;transform:none}}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,10px,0)}}
.fadeOutDownSmall{animation-name:fadeOutDownSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeInUpSmall{from{opacity:0;transform:translate3d(0%,20px,0)}to{opacity:1;transform:none}}
.fadeInUpSmall{animation-name:fadeInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fadeOutUpSmall{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0%,-10%,0)}}
.fadeOutUpSmall{animation-name:fadeOutUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}}
.scaleIn{animation-name:scaleIn}
@keyframes slideInUpSmall{from{transform:translate3d(0%,10%,0)}to{transform:none}}
.slideInUpSmall{animation-name:slideInUpSmall;animation-timing-function:cubic-bezier(0.3,0,0.24,1)}
@keyframes fn1{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate3d(0%,20px,0)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
.fn1{animation-name:fn1;animation-duration:1.2s;animation-timing-function:cubic-bezier(0.49,0.54,0.16,1)}
.alan_delay100{animation-delay:100ms}
.alan_delay200{animation-delay:200ms}
.alan_delay300{animation-delay:300ms}
.alan_delay400{animation-delay:400ms}
.alan_delay500{animation-delay:500ms}
.alan_delay600{animation-delay:600ms}
.alan_delay700{animation-delay:700ms}
.alan_delay900{animation-delay:900ms}
.alan_delay800{animation-delay:800ms}
.alan_delay1000{animation-delay:1000ms}


/**********************terms***************************/
/*breadcrumb-nav*/
.breadcrumb-nav{background:#f7f8f9;padding:52px 0}
.breadcrumb-nav .title{color:#0e3265;margin-bottom:5px;text-transform:uppercase;font-weight:300;font-size:36px}
.breadcrumb-nav .title .parent{display:inline-block;color:#707473;margin-right:14px}
.breadcrumb-nav .breadcrumb{margin:0;background:0 0;color:#707473;text-transform:capitalize;font-weight:300;font-size:12px;line-height: 1.4;padding:0 0 0 3px}
.breadcrumb-nav .breadcrumb a{color:#707473;font-weight:300;}
.breadcrumb-nav .breadcrumb>li{display:inline-block}
.breadcrumb-nav .breadcrumb>li+li:before{content:'/\00a0';color:#707473;padding:0 3px 0 6px}
.breadcrumb-nav .breadcrumb>.active{color:#979797}
/*tabBOX*/
.tabBOX{padding-top:60px}
/*tabBOX tablist*/
.tabBOX .tablist{padding-bottom:70px; font-size:0;line-height:0;}
.tabBOX .tablist li{display:inline-block;margin-right:35px;font-size:13px;line-height: 1.4;font-weight:400;color:#707473}
.tabBOX .tablist li:last-child{margin-right:0}
.tabBOX .tablist li a{padding:8px 0;font-weight:300;}
.tabBOX .tablist li a:focus{color:#707473}
.tabBOX .tablist li span{padding:9px 0}
.tabBOX .tablist li.active a,
.tabBOX .tablist li.active span{border-bottom:2px solid #0e3265}
/*tabBOX tab-content*/
.tabBOX .tab-content .tab-pane {font-size:14px;font-weight:300;color:#707473;line-height:24px;}
.tabBOX .tab-content .tab-pane h2{text-align:center;font-weight:500;font-size:24px;margin-bottom:35px;}
.tabBOX .tab-content .tab-pane h3{font-size:20px;font-weight:400;line-height:22px;margin-bottom:22px;padding-top:22px;text-transform:uppercase}
.tabBOX .tab-content .tab-pane p{margin-bottom:22px}
.tabBOX .tab-content .tab-pane ul{padding-left:30px}
.tabBOX .tab-content .tab-pane ul li{margin-top:20px}
/*hr*/
.tabBOX hr{box-sizing:content-box;height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #f7f8f9}

@media screen and (max-width:767px){
.tabBOX .tab-content .tab-pane h2{margin-top:20px;font-size:18px}
.tabBOX .tab-content .tab-pane h3{font-size:16px;margin-bottom:22px}
.tabBOX .tab-content .tab-pane p{margin-bottom:22px;line-height:20px}
.tabBOX .tab-content .tab-pane ul{padding-left:30px}
.tabBOX .tab-content .tab-pane ul li{margin-top:20px}
.tabBOX .tablist {margin-left:-15px;padding-top:1 0;padding-bottom:20px}
.tabBOX .tablist  li{padding-top:8px;padding-bottom:8px;display:block;margin-right:0}
.tabBOX .tablist  li:last-child{margin-right:0}
.tabBOX .tablist  li a{padding:3px 10px;border-left:3px solid #fff}
.tabBOX .tablist  li span{padding:3px 10px}
.tabBOX .tablist  li.active a,
.tabBOX .tablist  li.active span{border-left:3px solid #0e3265;border-bottom:0}
}


/**/
.fade{opacity:0;transition:opacity .15s linear;}
.fade.in{opacity:1;}
.show{display:none;}
.show.active{display:block}


/*breadcrumb-nav2*/
.breadcrumb-nav2{background-color:#232526;padding:12px 0;}
.breadcrumb-nav2 .w1200{display:flex;padding:0;-moz-align-items:center;align-items:center;}
.breadcrumb-nav2 .title{line-height:24px;font-weight:500;font-size:20px;color:#f1f1f1;margin-bottom:0;}

/*tabBOX2*/
.tabBOX2{position:relative;padding:64px 0}
.tabBOX2 h1.title{color:#000;font-size:48px;line-height:52px;text-align:center;max-width:693px;margin:0 auto}
.tabBOX2 hr{box-sizing:content-box;height:0;margin-top:50px;margin-bottom:50px;border:0;border-top:1px solid #f7f8f9}

/*tabBOX2 tablist*/
.tabBOX2 .tablistBox{position:relative;top:0;width:25%;float:left;}
.tabBOX2 .tablistBox.sticky{position:sticky;top:48px;}
.tabBOX2 .tablist{position:relative;min-height:1px;padding-right:30px;}
.tabBOX2 .tablist:after{z-index:98;content:' ';position:absolute;top:50%;transform:translate(0,-50%);height:calc(100% - 24px);border-left:2px solid #d9d9d9}
.tabBOX2 .tablist li{line-height:24px;margin:0 0 0 -2px;padding:12px 0 12px 26px;border-left:2px solid transparent;transition:all .3s ease}
.tabBOX2 .tablist li a{display:block;height:100;color:#707473;font-size:14px;cursor:pointer;transition:all .3s ease}
.tabBOX2 .tablist li.active a{position:relative;color:rgba(0,0,0,.65)}
.tabBOX2 .tablist li.active a:after{z-index:99;content:' ';position:absolute;top:50%;transform:translate(0,-50%);height:100%;left:-26px;border-left:2px solid rgba(0,0,0,.85)}
.tabBOX2 .tablist li:hover{background-color:rgba(0,0,0,.04)}
.tabBOX2 .tablist li:hover a{color:#000;}
/*tabBOX2 tab-content*/
.tabBOX2 .tab-content{width:75%;float:left;}
.tabBOX2 .tab-content .tab-pane{margin:0 auto 32px;padding-bottom:0;font-weight:300;font-size:14px;color:#000;line-height:24px;}
.tabBOX2 .tab-content .tab-pane h2{color:#000;font-size:28px;line-height:36px;margin-bottom:16px;font-weight:400}
.tabBOX2 .tab-content .tab-pane h3{color:#000;font-size:24px;line-height:32px;margin-bottom:16px;font-weight:400;}
.tabBOX2 .tab-content .tab-pane h5{color:#000;font-size:18px;line-height:24px;margin-bottom:16px;font-weight:400;}
.tabBOX2 .tab-content .tab-pane p{margin-bottom:16px;}
.tabBOX2 .tab-content .tab-pane .group{margin-bottom:40px}
.tabBOX2 .tab-content .tab-pane p:last-of-type{margin-bottom:0;padding-bottom:0}
@media screen and (max-width:1260px){
.breadcrumb-nav2 .title{ padding:0 24px;}	
.tabBOX2 h1.title{font-size:40px;}

.tabBOX2 .tab-content .tab-pane h2{font-size:26px;}
.tabBOX2 .tab-content .tab-pane h3{font-size:22px;}
.tabBOX2 .tab-content .tab-pane h5{font-size:16px;}
	
}
@media screen and (max-width:1024px){
.tabBOX2 .tablistBox{width:35%;}
.tabBOX2 .tab-content{width:65%;}
.tabBOX2 h1.title{font-size:36px;}

.tabBOX2 .tab-content .tab-pane h2{font-size:24px;}
.tabBOX2 .tab-content .tab-pane h3{font-size:20px;}
.tabBOX2 .tab-content .tab-pane h5{font-size:15px;}
}
@media screen and (max-width:767px){

.breadcrumb-nav2 .w1200{padding:0 24px}
.breadcrumb-nav2 .title{font-size:18px}

.tabBOX2{padding:64px 0}
.tabBOX2 .tablistBox{width:100%;float:none;}
.tabBOX2 .tab-content{width:100%;float:none;}


.tabBOX2 h1.title{text-align:left;font-size:32px;line-height:40px}
.tabBOX2 hr{margin-top:32px;margin-bottom:32px;}

.tabBOX2 .tablistBox.sticky{position:relative;top:0;}
.tabBOX2 .tablist{padding-bottom:33px;border-left:none;padding-right:0;}
.tabBOX2 .tablist:after{border:none}
.tabBOX2 .tablist li{position:relative;margin:0 0 0 -2px;padding:12px 12px 12px 26px;transition:all .3s ease}
.tabBOX2 .tablist li.active,
.tabBOX2 .tablist li.active a{font-weight:500;color:rgba(0,0,0,.85)}
.tabBOX2 .tablist li.active{background-color:rgba(0,0,0,.04)}

.tabBOX2 .tab-content .tab-pane h2{font-size:22px;}
.tabBOX2 .tab-content .tab-pane h3{font-size:18px;}

.tabBOX2 .tablistBox.sticky .care-tab-box{position:fixed;z-index:66666;left:0;top:0;right:0;bottom:0;width:100%;height:auto;background:#fff;-ms-box-shadow:0 4px 8px rgba(0,0,0,.1);-o-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);overflow-y:scroll;transition:all .3s ease;border-radius:4px}
.tabBOX2 .tablistBox.sticky .care-tab-box.open{opacity:1;height:100%}
.tabBOX2 .tablistBox.sticky .care-tab-box.closed{opacity:0;height:0;z-index:1}
.tabBOX2 .care-tab-box-closed-btn{z-index:666;position:absolute;right:24px;top:50%;margin-top:-8px;padding:2px;width:16px;height:16px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTYiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCA5NiA5NiI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0idGltZXMtYmxhY2stbWFpbi1hIiBkPSJNNDgsNDMuNzU4MDA5IEw3OC41MTYwMTc5LDEzLjI0MTk5MSBDODAuODU4ODA0OSwxMC44OTkyMDQxIDg0LjY1NzIxMywxMC44OTkyMDQxIDg3LDEzLjI0MTk5MSBMNTIuMjQxOTkxLDQ4IEw4Mi43NTgwMDksNzguNTE2MDE3OSBDODUuMTAwNzk1OSw4MC44NTg4MDQ5IDg1LjEwMDc5NTksODQuNjU3MjEzIDgyLjc1ODAwOSw4NyBMNDgsNTIuMjQxOTkxIEwxNy40ODM5ODIxLDgyLjc1ODAwOSBDMTUuMTQxMTk1MSw4NS4xMDA3OTU5IDExLjM0Mjc4Nyw4NS4xMDA3OTU5IDksODIuNzU4MDA5IEw0My43NTgwMDksNDggTDEzLjI0MTk5MSwxNy40ODM5ODIxIEMxMC44OTkyMDQxLDE1LjE0MTE5NTEgMTAuODk5MjA0MSwxMS4zNDI3ODcgMTMuMjQxOTkxLDkgTDQ4LDQzLjc1ODAwOSBaIi8+CiAgPC9kZWZzPgogIDx1c2UgZmlsbC1vcGFjaXR5PSIuODUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI3RpbWVzLWJsYWNrLW1haW4tYSIvPgo8L3N2Zz4K);background-repeat:no-repeat;background-position:center;background-size:100%}
}





/**********************留言表单start***************************/
/* 联系卡片悬停效果 */
.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}
/* 表单样式 */
.form-control{transition:all 0.3s ease;border:1px solid #e5e7eb}
.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.2)}
/* 通知系统样式 */
.notification-container{position:fixed;top:200px;right:20px;z-index:9999}
.notification{padding:15px;margin-bottom:10px;border-radius:4px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:300px;font-size:16px}
.notification.success{background-color:#000000}
.notification.error{background-color:#dc3545}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes fadeOut{from{opacity:1}to{opacity:0}}
/**********************留言表单end***************************/


/*********************************增加*********************************/
.header-cart #cart-count{position:absolute;top: 30px;right: 0;width:18px;height:18px;/* margin-top:-24px;margin-right:-24px;*/text-align:center;line-height:18px;font-size:10px;color:#fff;border-radius:50%;background-color:#0e3265;pointer-events:none;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;}
#header.onsb .header-cart #cart-count{top:20px;}
@media screen and (max-width:1200px){
	.header-cart #cart-count{top:6px!important;}
}

.Sidebar dd span i.icon-exit{background-image:url(../images/icon-exit.png);}

/*address-form*/
.address-formB .transition-custom{ margin-bottom: 10px;}
.address-form  { margin-bottom:50px;}
.payborder{ border:1px solid #e5e7eb;}



/*pageContent*/
.pageContent{font-size:18px;line-height:1.8;color:#000;font-weight:300;}
.pageContent strong{font-weight:600;}
.pageContent h5{font-size:20px;color:#000;font-weight:600;line-height:1.3; margin-bottom:20px;}
@media screen and (max-width:1260px){
.pageContent h5{font-size:18px;}
.pageContent{font-size:16px;}
}
@media screen and (max-width:1024px){
.pageContent h5{font-size:16px;}
.pageContent.txt{font-size:14px;}
}


/*PopupClose*/
.PopupClose{-webkit-transition:all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;transition: all 0.3s;}
.PopupClose:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
@media screen and (max-width:1024px){
	.PopupClose{width:55px;height:55px;background-size:16px; }
}



/*popupCode弹窗二维码*/
.popupCode{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center}
.popupCode.active{display:flex}
.popupCodeimg{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative}
.popupCodeimg img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;}
.close-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#666;cursor:pointer;transition:background-color 0.3s}
.close-btn:hover{background-color:#f0f0f0}
.popupCode.active .popupCodeimg{animation:fadeIn 0.3s ease-out forwards}
@keyframes fadeIn2{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}





/*yearImgB slick-arrow*/
.yearImgList{ position: relative;background:#fff;}
.yearImgList { z-index: 3;}
.yearImgList .sbtn{width:36px;height:36px;font-size: 0;overflow:hidden;border-radius: 50%;position:absolute;top:0; margin:0;margin-top:0;cursor:pointer;z-index:9;outline:none;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-color:rgba(31,45,61,.11);background-size:7px;}
.yearImgList:hover .sbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.yearImgList .sbtn.sbtn-prev{background-image:url(../images/arrow-left2.png);left: auto;right:40px;}
.yearImgList .sbtn.sbtn-next{background-image:url(../images/arrow-right2.png);left: auto;right:0;}
.yearImgList .sbtn:hover{background-color:rgba(31,45,61,.23);}	

.yearImgList .swiper-wrapper{ width:100%!important}
.yearImgList .swiper-slide{}
@media screen and (max-width:1024px){
	.yearImgList .sbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
}



/*2025.11新增*/
/*mlan*/
.mlan{background:url(../images/icon-lan.png) left center no-repeat;background-size:20px;padding-left:30px;margin-top:20px;}
.mlan a{font-size:16px;line-height:30px;color:#000;padding:0;margin-right:20px;}


/*header-lan*/
#header .header-pc .header-right .header-lan .icon-lan{background-image:url(../images/icon-lan.png);}
#header .header-pc .header-right .header-lan .lan-con{position:absolute;right:0;top:100%;z-index:1001;background-color:#fff;display:block;transition:all .3s ease;transform:translateY(-8px);opacity:0;pointer-events:none;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;margin-right:-40px;width:120px;}
#header .header-pc .header-right .header-lan.visible .lan-con{transform:translateY(0);opacity:1;pointer-events:auto;}
#header .header-pc .header-right .header-lan .lan-con:after{ content:'';position:absolute;background:#fff;z-index:8;top:0;right:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.1);width:10px;height:10px; margin-right:-10px;}
#header .header-pc .header-right .header-lan .lan-con a{transition:all .3s ease;color:#666;font-weight:300;text-decoration:none;box-sizing:border-box;display:block;text-align:center;border-bottom:1px solid #f3f3f3;font-size:14px;line-height:32px;padding:5px;}
#header .header-pc .header-right .header-lan .lan-con a:last-child{ border:none;}
#header .header-pc .header-right .header-lan .lan-con a:hover{color:#000;}
@media screen and (max-width:1200px){
#header .header-pc .header-right .header-lan .lan-con{margin-right:-44px;}
#header .header-pc .header-right .header-lan .lan-con:after{ margin-right:-10px;}
#header .header-pc .header-right .header-lan.visible .lan-con{transform:translateY(-1px);}
}

/*brand*/
.pageTXT{font-size:18px; line-height:1.8; color:#000;font-weight:400;margin-bottom:50px;}
@media screen and (max-width:1260px){
.pageTXT{font-size:16px;margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.pageTXT{font-size:14px;margin-bottom:30px;}
}

.QAList li .repairBtn {display: none;}
.QAList li:nth-child(1) .repairBtn {display: block; }
/*repairBtn*/
.repairBtn{line-height:0;}
.repairBtn a{font-size:16px;color:#000; display:inline-block;text-align:center; margin:0 auto;cursor:pointer;font-weight:300;padding:0 33px;border-radius:40px;line-height:40px;margin-top:30px;border:1px solid
#000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; text-align:center; }
.repairBtn a:hover{ background:#0e3265;color:#fff;border-color:#0e3265;}
.repairBtn a span{ display:block;}
@media screen and (max-width:1260px){
.repairBtn a{font-size:14px;padding:0 30px;border-radius:36px;line-height:36px;margin-top:20px;}
}
@media screen and (max-width:1024px){
.repairBtn a{font-size:12px;padding:0 25px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:550px){
.repairBtn a{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}
@media screen and (max-width:370px){
.repairBtn a{font-size:12px;padding:0 20px;border-radius:32px;line-height:32px;margin-top:15px;}
}


/*repairMaskbox*/
.repairMaskbox{position:absolute;top:0px;left:0px;z-index:2000;width:100%;display:none;}
.repairMaskbox .maskB{position:fixed;top:0px;left:0px;z-index:9999;width:100%;height:100%;display:flex;transition:opacity 500ms ease-in-out 0s;visibility:visible}
.repairMaskbox .mask{position:absolute;inset:0px;background-color:rgba(0,0,0,0.4);opacity:1}
.repairMaskbox .framebox{position:absolute;inset:0px;z-index:10000;overflow:hidden;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;}
.repairMaskbox .framebox .frameB{position:relative;z-index:10000; width:100%;max-width:1190px;max-height:none;background-color:rgb(255,255,255);box-shadow:rgb(0 0 0 / 20%) 0px 0px 10px;opacity:1;overflow:hidden;padding:0;min-width:600px;border-radius:8px}
.repairMaskbox .frameInfoB{font-size:14px;line-height:20px;color:rgba(0,0,0,0.85)}
.repairMaskbox .frameInfo{position:relative;width:100%}
/*repairMaskbox frame*/
.repairMaskbox .frameClose{ width:50px; height:50px; position:absolute;top:0;right:0; cursor:pointer;background-image:url(../images/icon-close2.png);background-position:center center; background-repeat:no-repeat;background-size:16px; z-index:3;}
.repairMaskbox .framebox .frametitle{font-size:30px;color:#000;font-weight:600;line-height:1;text-align:center;padding-top:15px;padding-bottom:25px; margin-bottom:20px;}
.repairMaskbox .framebox .frametxt{font-size:20px; color:#262626;line-height:1.8;text-align:center;}
.repairMaskbox .framebox .frameInfo{padding:80px 40px; }
/*repairMaskbox  framebtn*/
.repairMaskbox .framebox .framebtn{line-height:0; text-align:center;}
.repairMaskbox .framebox .framebtn span{font-size:16px;color:#000; display:inline-block;text-align:center; margin:0 auto;cursor:pointer;font-weight:300;padding:0 33px;min-width:130px;border-radius:40px;line-height:40px;margin-top:40px;border:1px solid
#000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; text-align:center;cursor:pointer;}
.repairMaskbox .framebox .framebtn span:hover{ background:#0e3265;color:#fff;border-color:#0e3265;}
@media screen and (max-width:1260px){
.repairMaskbox .framebox .frametitle{font-size:26px;}
.repairMaskbox .framebox .frametxt{font-size:18px;}
.repairMaskbox .framebox .frameInfo{padding:60px 40px; }
.repairMaskbox .framebox .framebtn span{margin-top:30px;}
}
@media screen and (max-width:1024px){
.repairMaskbox .framebox .frametitle{font-size:24px;}
.repairMaskbox .framebox .frametxt{font-size:16px;}
.repairMaskbox .framebox .frameInfo{padding:40px 40px; }
.repairMaskbox .framebox .framebtn span{margin-top:25px;}
}
@media screen and (max-width:768px){
.repairMaskbox .framebox .frameB{min-width:300px;width:94%;}
}








/*****************************story*****************************/
/*pageTit4*/
.pageTit4{margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid #cccccc;}
.pageTit4 .t1{display:block;color:#000;font-size:24px; font-weight:600;line-height:46px;}
@media screen and (max-width:1520px){
.pageTit4{margin-bottom:30px;}
.pageTit4 .t1{font-size:22px;}
}
@media screen and (max-width:1260px){
.pageTit4 .t1{font-size:20px;}
}
@media screen and (max-width:1024px){
.pageTit4 .t1{font-size:18px;}
}

/*pageTXT*/
.pageTXT{font-size:16px;color:#6a6a6a;font-weight:300;line-height:1.8;}
.pageTXT h4{font-size:24px;color:#000000;line-height:1.5;margin-bottom:10px;}
.pageTXT h5{font-size:20px;color:#000000;line-height:1.5;margin-bottom:10px;}
@media screen and (max-width:1520px){
.pageTXT{font-size:14px;line-height:1.5;}
.pageTXT h4{font-size:22px;}
.pageTXT h5{font-size:18px;}
}
@media screen and (max-width:1260px){
.pageTXT{ font-size:14px;line-height:1.5;}
.pageTXT h4{font-size:20px;}
.pageTXT h5{font-size:16px;}
}
@media screen and (max-width:1024px){
.pageTXT{ font-size:14px;line-height:1.5;}
.pageTXT h4{font-size:18px;}
.pageTXT h5{font-size:16px;}
}

/*Table*/
.Table1 td{ font-size:18px;font-weight:300; color:#000000; line-height:1.8;}
.Table1 td img{max-width:100%; height:auto; width:100%;}
@media screen and (max-width:1520px){
.Table1 td{ font-size:16px;line-height:1.5;}
}
@media screen and (max-width:1260px){
.Table1 td{ font-size:14px;line-height:1.5;}
}
@media screen and (max-width:1024px){
.Table1 td{width:100%!important;display:block!important;}
.Table1 td img{max-width:100%;display:block!important;}
.Table1 td.k{ display:none!important;}
}

/*Table1-2*/
.Table1-2 td{ vertical-align:top; /* width:33.3333333%;  */padding-right:10px;}
@media screen and (max-width:1024px){
.Table1-2 td{width:100%!important;display:block!important;padding-right:0;}

}

/*Table2-2*/
.Table2 td{vertical-align:top; padding-bottom:35px;padding-top:55px;}
@media screen and (max-width:1520px){
.Table2 td{vertical-align:top; padding-bottom:30px;padding-top:45px;}
}
@media screen and (max-width:1260px){
.Table2 td{vertical-align:top; padding-bottom:25px;padding-top:35px;}
}
@media screen and (max-width:1024px){
.Table2 td{width:100%!important;display:block!important;padding-right:0;padding-bottom:20px;padding-top:25px;}
.Table2 td.k{ display:none!important;}
}



/*historyList*/
.historyList{margin:0;padding:0;line-height:0; font-size:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;font-size:18px;color:#6a6a6a;font-weight:300;line-height:1.6; padding-top:10px;}
.historyList h4{font-size:24px;color:#000000;line-height:1.5;margin-bottom:10px;}
.historyList .item{display: flex;}
.historyList .item{flex:1 1;border-top:1px solid #e3e3e3;display:block;flex:1 1;width:100%;height:100%;padding-top:40px;padding-bottom:10px;}
@media screen and (max-width:1520px){
.historyList{font-size:16px;line-height:1.5;grid-gap:25px;}
.historyList h4{font-size:22px;}
.historyList .item{padding-top:30px;}
}
@media screen and (max-width:1260px){
.historyList{ font-size:15px;line-height:1.5;grid-gap:20px;}
.historyList h4{font-size:20px;}
.historyList .item{padding-top:25px;}
}
@media screen and (max-width:1024px){
.historyList{ font-size:14px;line-height:1.5;grid-gap:20px;}
.historyList h4{font-size:18px;}
.historyList .item{padding-top:20px;}
}
@media screen and (max-width:768px){
.historyList{grid-template-columns:1fr 1fr;grid-gap:16px;}
}
@media screen and (max-width:430px){
.historyList{grid-template-columns:1fr;grid-gap:16px;}
}


/***product Video****/
/*ProTab*/
.ProTab{text-align:center;padding:12px 12px; position: absolute;bottom:0;left:0;right:0;}
.ProTab .ProtabItem{display:inline-block;transition:all .3s cubic-bezier(.23,1,.32,1);padding:0;height:32px;line-height:16px;padding:8px 16px;border-radius:100px;color:rgba(0,0,0,.85); cursor:pointer;background: #f0f1f2;}
.ProTab .ProtabItem:hover{background: rgba(0, 0, 0, .09);}
.ProTab .ProtabItem.on{background:rgba(0, 0, 0, .85);color:#fff;}
.ProTab .ProtabItem.s_video{margin-left: 4px;}
.ProTab .ProtabItem span{display:inline-block;vertical-align:middle;}
.ProTab .ProtabItem svg{fill:#000000;display:inline-block;vertical-align:middle;margin-right:8px;}
.ProTab .ProtabItem.on svg{fill:#ffffff;}

/*ProVideo*/
.ProVideo{ position:relative;width:100%;height:658px;margin-bottom:15px;display:flex;justify-content:center;align-items:center;}
.ProVideo iframe{width:100%;height:100%;border: none;outline: none;margin: 0;padding: 0;}
.ProVideo #my-video{width:100%;height:100%;border: none;outline: none;margin: 0;padding: 0;}
@media screen and (max-width:1260px) {
  .ProVideo{height:51vw;margin-bottom:15px;} 
}
@media screen and (max-width:768px) {
  .ProVideo{height:100vw;margin-bottom:20px;} 
}


.ProTabBoxBig{padding-bottom:56px;/*display:flex;width: 100%;height: 100%;*/}
/*ProTabBox.on*/
.ProTabBox{ visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; height:0; width:100%;}
.ProTabBox.on{visibility: visible;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;height:auto;}